ui for aspnet core examples
1.0.0
ASP.NETのTeleRik UIは、複雑なデータ駆動型アプリケーションからユーザーに向かうWebアプリまですべてを構築できる110以上のフル機能ASP.NET UIコンポーネントのライブラリであり、すべてのUI開発のニーズをカバーするカスタマイズオプションが多数あります。
このリポジトリには、技術文書とデモに加えて使用できるASP.NETコアコンポーネントのTeleRik UIに関連する例が含まれています。これらの例は、一般的なシナリオを示しており、ASP.NETコアコンポーネントで最も人気があり広く使用されているTelerik UIに関する頻繁なハウツー質問への回答を提供します。
ASP.NETコアプロジェクトのサンプルUIは、さまざまなよくある質問、機能、シナリオを示すために提供されます。それらは私たちのテスト手順の一部ではなく、知識ベースと見なされるべきです。プロジェクトは、プロジェクトの更新またはアップグレード時にのみ、作成時にのみテストされます。サンプルアプリケーションを実行するための前提条件は、ASP.NETコア3.0をインストールすることです。
このリポジトリを使用すると、RazorpagesとMVC（モデルビューコントローラー）サンプルを実験できます。このリポジトリからプロジェクトを実行するには、次の手順に従ってください。
このプロジェクトは、既存の移行に基づいてプロジェクトを構築すると作成されたローカルデータベースを使用します。
このプロジェクトは、クライアント側でJavaScriptを評価および調達するために、厳格なコンテンツセキュリティポリティを適用します。
注：このリポジトリには、コンポーネントの実際のソースコード、またはASP.NETコアデモの公式UIで利用可能なDEMOSアプリケーションは含まれていません。 DEMOSアプリケーションは、ASP.NETコアインストール用のTelerik UIのオフラインプロジェクトとして利用できます。
ASP.NETコアロードマップについては、Telerik UIを確認して、計画したコンポーネント、機能、ツールのリストを確認してください。また、最近リリースされた機能とビットを最新の状態に保つこともできます。
製品のロードマップに機能がリストされていない場合は、専用のフィードバックポータルを確認してください。既存のリクエストされたアイテムを昇進させることができます。または、ポータルに機能が表示されない場合は、そこで機能をリクエストできます。
| ASP.NET Core Datagridコンポーネント | グリッド機能 | グリッドドキュメント | グリッドデモ |
| ASP.NETコアリストビューコンポーネント | リストビュー機能をリストします | ListViewドキュメント | ListViewデモ |
| ASP.NETコアツリーリストコンポーネント | ツリーリスト機能 | TreeList Documentation | TreeList Demos |
| ASP.NETコアフィルターコンポーネント | フィルター機能 | ドキュメントをフィルター | フィルターデモ |
| ASP.NET Core PivotGridコンポーネント | Pivotgrid機能 | Pivotgridドキュメント | Pivotgridデモ |
| ASP.NET Core PivotGrid v.2コンポーネント | Pivotgrid v.2機能 | Pivotgrid v.2ドキュメント | Pivotgrid v.2デモ |
| ASP.NETコアページャーコンポーネント | ポケットベル機能 | ポケットベルドキュメント | ポケットベルデモ |
| ASP.NETコアスプレッドシートコンポーネント | スプレッドシート機能 | スプレッドシートのドキュメント | スプレッドシートデモ |
| ASP.NETコアタスクボードコンポーネント | タスクボード機能 | タスクボードのドキュメント | タスクボードのデモ |
| ASP>ネットコアファイルマネージャー | ファイルマネージャー機能 | ファイルマネージャーのドキュメント | ファイルマネージャーのデモ |
| ASP.NETコアアップロードコンポーネント | ファイルアップロード機能 | ファイルアップロードドキュメント | ファイルアップロードデモ |
| ASP.NETコアPDFビューアー | ファイル選択機能を選択します | fileselectドキュメント | fileselectデモ |
| ASP.NETコアマップコンポーネント | マップ機能 | マップドキュメント | マップデモ |
| ASP.NETコアカレンダーコンポーネント | カレンダー機能 | カレンダーのドキュメント | カレンダーデモ |
| ASP.NET Core Ganttchartコンポーネント | ガント機能 | ガントドキュメント | ガントデモ |
| ASP.NET Core MultiViewCalendarコンポーネント | MultiViewCalendar機能 | MultiViewCalendarドキュメント | MultiViewCalendarデモ |
| ASP.NETコアスケジューラコンポーネント | スケジューラ機能 | スケジューラドキュメント | スケジューラデモ |
| ASP.NETコアオートコンプリートコンポーネント | オートコンプリート機能 | オートコンプリートドキュメント | オートコンプリートデモ |
| ASP.NETコアチェックボックスグループコンポーネント | チェックボックスグループ機能 | チェックボックスグループのドキュメント | チェックボックスグループデモ |
| ASP.NET Core ColorGradientコンポーネント | 色勾配機能 | 色勾配のドキュメント | 色勾配のデモ |
| ASP.NETコアカラーパレットコンポーネント | カラーパレット機能 | ColorPaletteドキュメント | カラーパレットデモ |
| ASP.NET Core ColorPickerコンポーネント | カラーピッカー機能 | カラーピッカードキュメント | カラーピッカーデモ |
| ASP.NET Core FlatColorPickerコンポーネント | Flatcolorpicker機能 | Flatcolorpickerドキュメント | フラットコロピッカーデモ |
| ASP.NETコアコンボボックスコンポーネント | コンボボックス機能 | コンボボックスのドキュメント | コンボボックスデモ |
| ASP.NET Core MulticolumnComboBoxコンポーネント | MulticolumnComboBox機能 | multicolumncomboboxドキュメント | multicolumncomboboxデモ |
| ASP.NET Core DateInputコンポーネント | dateinput機能 | dateinputドキュメント | DateInputデモ |
| ASP.NET Core DatePickerコンポーネント | DatePicker機能 | DatePickerドキュメント | DatePickerデモ |
| ASP.NETコアDaterangePickerコンポーネント | DaterangePicker機能 | DaterangePickerドキュメント | DaterangePickerデモ |
| ASP.NET Core DateTimePickerコンポーネント | DateTimePicker機能 | DateTimePickerドキュメント | DateTimePickerデモ |
| ASP.NET Core TimePickerコンポーネント | タイムパイカー機能 | タイムパイカーのドキュメント | タイムパイカーデモ |
| ASP.NET Core TimedurationPickerコンポーネント | TimedurationPicker機能 | TimedurationPickerドキュメント | TimedurationPickerデモ |
| ASP.NETコアドロップダウンリストコンポーネント | ドロップダウンリスト機能 | ドロップダウンリストのドキュメント | ドロップダウンリストのデモ |
| ASP.NETコアドロップダウンツリーコンポーネント | ドロップダウンツリー機能 | ドロップダウンツリードキュメント | ドロップダウンツリーデモ |
| ASP.NET Core MaskedTextBoxコンポーネント | MaskedTextBox機能 | MaskedTextBoxドキュメント | MaskedTextBoxデモ |
| ASP.NETコアマルチセレクトコンポーネント | マルチセレクト機能 | マルチセレクトドキュメント | マルチセレクトデモ |
| ASP.NET Core numerictextboxコンポーネント | 数値テキストボックス機能 | numerictextboxドキュメント | numerictextboxデモ |
| ASP.NETコアRadiogroupコンポーネント | ラジオグループの機能 | Radiogroupドキュメント | Radiogroupデモ |
| ASP.NETコア定格コンポーネント | 評価グループ機能 | 評価文書 | 評価デモ |
| ASP.NETコアエディターコンポーネント | エディター機能 | 編集者のドキュメント | 編集者デモ |
| ASP.NET Core Textareaコンポーネント | テキストエリア機能 | Textareaドキュメンテーション | Textareaデモ |
| ASP.NETコアテキストボックスコンポーネント | テキストボックス機能 | テキストボックスのドキュメント | テキストボックスデモ |
| ASP.NETコア署名コンポーネント | 署名機能 | 署名ドキュメント | 署名デモ |
| ASP.NETコアスライダーコンポーネント | スライダー機能 | スライダードキュメント | スライダーデモ |
| ASP.NETコア画像エディターコンポーネント | 画像エディター機能 | 画像エディターのドキュメント | 画像エディターデモ |
| ASP.NETコアスイッチコンポーネント | スイッチ機能 | ドキュメントを切り替えます | デモを切り替えます |
| ASP.NETコアリストボックスコンポーネント | リストボックス機能 | リストボックスのドキュメント | リストボックスデモ |
| ASP.NET Core Captchaコンポーネント | Captcha機能 | Captchaドキュメント | キャプチャデモ |
| ASP.NETコアチャートコンポーネント | チャート機能 | チャートドキュメント | チャートデモ |
| ASP.NETコアエリアチャートコンポーネント | エリアチャート機能 | areachartドキュメント | areachartデモ |
| ASP.NETコアバーチャートコンポーネント | バーチャート機能 | バーチャートのドキュメント | バーチャートデモ |
| ASP.NETコア図コンポーネント | 図の特徴 | 図文書 | 図デモ |
| ASP.NETコアバブルチャートコンポーネント | バブルチャート機能 | bubblechartドキュメント | Bubblechartデモ |
| ASP.NETコアラインチャートコンポーネント | ラインチャート機能 | LineChartドキュメント | LineChartデモ |
| ASP.NETコアドーナツチャートコンポーネント | ドーナツチャート機能 | Donutchartドキュメント | Donutchartデモ |
| ASP.NETコアパイチャートコンポーネント | パイチャート機能 | PieChartドキュメント | PieChartデモ |
| ASP.NETコアストックチャートコンポーネント | ストックチャート機能 | ストックチャートのドキュメント | ストックチャートデモ |
| ASP.NETコアヒートマップチャートコンポーネント | ヒートマップチャート機能 | HeatMapChartドキュメント | HeatMapChartデモ |
| ASP.NETコアレーダーチャートコンポーネント | Radarareaチャート機能 | RADARAREALYARTドキュメント | RADARAREALYARTデモ |
| ASP.NETコアオルチャートコンポーネント | Orgchart機能 | Orgchartドキュメント | Orgchartデモ |
| ASP.NET Core Treemapコンポーネント | Treemap機能 | Treemapドキュメント | Treemapデモ |
| ASP.NETコアQRコードコンポーネント | QRコード機能 | QRコードドキュメント | QRコードデモ |
| ASP.NETコアバーコードコンポーネント | QRコード機能 | バーコードドキュメント | バーコードデモ |
| ASP.NETコアアークゲージコンポーネント | Arcgauge機能 | Arcgaugeドキュメント | アークゲージデモ |
| ASP.NET Core Circulargaugeコンポーネント | 回覧機能 | 回覧文書 | サーキュラーゲージのデモ |
| ASP.NET Core LinearGaugeコンポーネント | LinearGauge機能 | LinearGaugeドキュメント | LinearGaugeデモ |
| ASP.NETコアラジアルゲージコンポーネント | ラジアルゲージの機能 | ラジアルゲージのドキュメント | ラジアルゲージのデモ |
| ASP.NET Core ProgressBarコンポーネント | ProgressBar機能 | ProgressBarドキュメント | ProgressBarデモ |
| ASP.NET Core Circular ProgressBarコンポーネント | Circular ProgressBar機能 | Circular ProgressBarドキュメント | 円形の進行状態のデモ |
| ASP.NETコアローダーコンポーネント | ローダー機能 | ローダードキュメント | ローダーデモ |
| ASP.NETコアツールチップコンポーネント | ツールチップ機能 | ツールチップドキュメント | ツールチップデモ |
| ASP.NETコア通知コンポーネント | 通知機能 | 通知ドキュメント | 通知デモ |
| ASP.NETコアスケルトンコンテナコンポーネント | スケルトンコンテナ機能 | スケルトンコンテナドキュメント | スケルトンコンテナデモ |
| ASP.NETコアソート可能なコンポーネント | ソート可能な機能 | ソート可能なドキュメント | ソート可能なデモ |
| ASP.NET Core Conversational UI（Chat）コンポーネント | 会話型UI機能 | 会話型UIドキュメント | 会話型UIデモ |
| ASP.NETコアリップルコンテナコンポーネント | リップルコンテナ機能 | x | リップルコンテナデモ |
| ASP.NETコアアバターコンポーネント | アバター機能 | アバターのドキュメント | アバターデモ |
| ASP.NETコアカードコンポーネント | カード機能 | カードドキュメント | カードデモ |
| ASP.NETコアダイアログコンポーネント | ダイアログ機能 | ダイアログドキュメント | ダイアログデモ |
| ASP.NETコアフォームコンポーネント | フォーム機能 | フォームドキュメント | フォームデモ |
| ASP.NET Core Gridlayoutコンポーネント | Gridlayout機能 | Gridlayoutドキュメント | Gridlayoutデモ |
| ASP.NETコア拡張パネルコンポーネント | 拡張パネル機能 | 拡張パネルのドキュメント | 拡張パネルデモ |
| ASP.NETコアスタックレイアウトコンポーネント | Stacklayout機能 | Stacklayoutドキュメント | Stacklayoutデモ |
| ASP.NETコアバッジコンポーネント | バッジ機能 | バッジドキュメント | バッジデモ |
| ASP.NETコアスプリッターコンポーネント | スプリッター機能 | スプリッタードキュメント | スプリッターデモ |
| ASP.NET Core TileLayoutコンポーネント | TileLayout機能 | TileLayoutドキュメント | TileLayoutデモ |
| ASP.NETコアポップオーバーコンポーネント | ポップオーバー機能 | ポップオーバードキュメント | ポップオーバーデモ |
| ASP.NETコアレスポンシブパネルコンポーネント | レスポンシブパネル機能 | レスポンシブパネルのドキュメント | レスポンシブパネルデモ |
| ASP.NETコアウィンドウコンポーネント | ウィンドウ機能 | ウィンドウのドキュメント | ウィンドウデモ |
| ASP.NETコアアクションシートコンポーネント | アクションシート機能 | ActionSheetドキュメント | アクションシートデモ |
| ASP.NETコアAppBarコンポーネント | AppBar機能 | AppBarドキュメント | appbarデモ |
| ASP.NETコアボトムナビゲーションコンポーネント | ボトムナビゲーション機能 | ボトムナビゲーションドキュメント | ボトムナビゲーションデモ |
| ASP.NETコアブレッドクランブコンポーネント | パン界の機能 | ブレッドクランブドキュメント | ブレッドクランブデモ |
| ASP.NETコアボタンコンポーネント | ボタン機能 | ボタンドキュメント | ボタンデモ |
| ASP.NETコアボトングループコンポーネント | Buttongroup機能 | ButtongRoupドキュメント | ButtongRoupデモ |
| ASP.NETコアチップコンポーネント | チップ機能 | チップドキュメント | チップデモ |
| ASP.NETコアチプリストコンポーネント | Chiplist機能 | Chiplistドキュメント | Chiplist Demos |
| ASP.NETコアメニューコンポーネント | メニュー機能 | メニューのドキュメント | メニューデモ |
| ASP.NETコアドロワーコンポーネント | 引き出し機能 | 引き出しのドキュメント | 引き出しデモ |
| ASP.NETコアドロップダウンボタンコンポーネント | ドロップダウンボタン機能 | ドロップダウンボタンのドキュメント | ドロップダウンボタンデモ |
| ASP.NETコアパネルバーコンポーネント | パネルバー機能 | パネルバーのドキュメント | パネルバーデモ |
| ASP.NETコアフローティングボタンコンポーネント | FloatingActionButton機能 | FloatingActionButtonドキュメント | FloatingActionButton Demos |
| ASP.NETコアスプリットボタンコンポーネント | スプリットボタン機能 | スプリットボタンドキュメント | スプリットボタンデモ |
| ASP.NETコアタイムラインコンポーネント | タイムライン機能 | タイムラインドキュメント | タイムラインデモ |
| ASP.NETコアタブストリップコンポーネント | タブストリップ機能 | タブストリップドキュメント | タブストリップデモ |
| ASP.NETコアツールバーコンポーネント | ツールバー機能 | ツールバードキュメント | ツールバーデモ |
| ASP.NETコアツリービューコンポーネント | ツリービュー機能 | TreeViewドキュメント | TreeViewデモ |
| ASP.NETコアステッパーコンポーネント | ステッパーの機能 | ステッピングドキュメント | ステッピングデモ |
| ASP.NETコアウィザードコンポーネント | ウィザード機能 | ウィザードドキュメント | ウィザードデモ |
| ASP.NETコアMediaplayerコンポーネント | Mediaplayer機能 | mediaplayerドキュメント | Mediaplayerデモ |
| ASP.NETコアScrollViewコンポーネント | scrollview機能 | scrollviewドキュメント | Scrollviewデモ |
ASP.NETコア無料トライアルまたはライセンスコピーのTelerik UIの一部として、データを変換、管理、さまざまなファイル形式に変換、管理、エクスポートできるいくつかのドキュメント処理ライブラリにアクセスできます。
| ASP.NETコアPDF処理ライブラリ | PDF処理機能 | PDF処理ドキュメント | PDF処理デモ |
| ASP.NETコアスプレッド処理ライブラリ | 処理機能の広がり | 処理文書を広めます | 処理デモを広めます |
| ASP.NETコアスプレッドストリーム処理ライブラリ | スプレッドストリーム処理機能 | スプレッドストリーム処理ドキュメント | スプレッドストリーム処理デモ |
| ASP.NETコアワード処理ライブラリ | 単語処理機能 | 単語処理ドキュメント | 単語処理デモ |
| ASP.NETコアZIPライブラリ | ジップライブラリ機能 | ジップライブラリのドキュメント | ジップライブラリデモ |
ASP.NETのテレリクUI Visual Studioコード用のコア生産性ツールには、ASP.NETコア足場のUIが含まれます。
| ASP.NETコアビジュアルスタジオコード | ビジュアルスタジオコードの概要 | ビジュアルスタジオコードドキュメント |
ASP.NET CoreのTelerik UIは、ビジネスニーズに応じてUIを作成および提供するのに役立つ、さまざまな専門的に設計およびカスタマイズ可能な組み込みのテーマに加えて、Telerik SASSテーマビルダーを提供します。 ASP.NETコア用のTelerik UIには、ASP.NETコアデフォルトテーマ、マテリアル、フルエント、ブートストラップのテーマ、およびアクセシビリティコンプライアンスをターゲットとする「オーシャンブルー」などの複数の色の見本の4つの組み込みテーマが含まれています。
| Figma用の4つのTelerik UIデザインキット | Telerik UI Figmaデザインキット | ドキュメント |
| ASP.NET Core ThemeBuilder | ブランドの色を適用します | ASP.NET Core ThemeBuilderアプリのTelerik UI |
ASP.NETコア管理ダッシュボードアプリケーションを作成して、ASP.NETコンポーネント用のTeleRik UIを使用してUIを構築するベストプラクティスに従ってこのようなアプリケーションがどのように見えるかを説明しました。コンポーネントのルックアンドフィールを示しており、経験に関係なく、UIを構築するためにTeleRik UIコンポーネントを使用することを検討している人がレーンリソースとして使用できます。デモは、タスクトラッキング、製品カタログ、アカウント設定などを含む完全な管理ダッシュボードアプリケーションをカバーし、Datagrid（テーブル）、チャート、フォームなどの複雑なコンポーネントの助けを借りてUIを構築するのがどれほど簡単かを示します。
ASP.NETコアストックポートフォリオアプリケーションは、高速で効率的に美しいダイナミックな金融ダッシュボードを作成する方法を示すプログレッシブWebアプリ（PWA）です。 ASP.NETコアコンポーネントに最も有名なTelerik UIを使用し、リアルタイムで動的なデータ更新を表示し、目に見える遅延なしで優れた柔軟性と効率的なデータモニタリングを可能にします。サンプルアプリケーションは、ASP.NETコアグリッド、チャート、ドロップダウンリスト、ヒートマップ、カレンダーなどのコンポーネントを使用しています。
ASP.NET Core + Bootstrapアプリケーションは、Twitter BootstrapとともにASP.NETコア用のTeleRik UIを使用してレスポンシブアプリケーションを作成する方法を示しています。グリッドレイアウトとレスポンシブCSSはブートストラップに基づいていますが、コンポーネントはASP.NETコアのTelerik UIによって提供されます。デモを使用すると、フォントサイズを変更してページを変更するか、上記のピッカーを使用してカスタマイズして応答性の高い機能を体験できます。
プロジェクトは通常、BlazorコンポーネントのUIの商用バージョンを参照しています。トライアルライセンスのみをお持ちの場合は、NugetパッケージとJS Interopファイルおよび/またはテーマへの参照をそれに応じて置き換えます。
参照（ASP.NETコアのTelerik UIと.NETフレームワークの両方）は、通常、作成時の最新のものです。最新のバージョンに更新し、必要な変更を加える必要がある場合があります。 Blazor（？）フレームワークは急速に進化しており、これらの例は常にリファレンスを更新しない可能性があります。それにもかかわらず、一般的なアプローチは、フレームワークの変化を除けば、有効なままでなければなりません。
問題とプルリクエストは大歓迎です。
プルリクエストを送信するには、最初にレポをフォークする必要があります。
ASP.NET CoreのTelerik UIは、商用UIライブラリです。コンポーネントを使用するには、無料試用版に登録するか、ライセンスを購入する必要があります。
30日間の無料トライアルは、ASP.NETコア製品ページのTeleRik UIから取得でき、ASP.NETコアコンポーネントとその完全な機能のすべてのTelerik UIにアクセスできます。利用可能なライセンスおよびBudnleオプションに関する詳細については、製品価格設定ページを確認できます。
アクティブトライアルホルダーとライセンスホルダーの両方について、無料のオンデマンド技術トレーニングセッションと、UIがASP.NET Core Devチームのために直接提供する伝説的な技術サポートにアクセスできます。
すべてのアクティブなライセンス所有者は、プライベートテレリクヌゲットフィードにアクセスできます。 Telerik.Examples.MvcおよびTelerik.Examples.RazorPages 、ASP.NETコアNugetのTeleRik UIの試行バージョンであるローカルNUGETパッケージを参照してください。
コマーシャルナゲットパッケージへの参照を追加するために、以下の手順に従ってください。
Visual StudioのSolution Explorerの依存関係>パッケージに移動します。
telerik.ui.for.aspnet.core.trialを右クリックし、[コンテキスト]メニューから削除を選択します。
ツールに移動> [Nuget Package Manager]> [パッケージマネージャー]設定、パッケージマネージャーのソースを選択し、[ +]ボタンをクリックします。
フィード名を選択し、フィードURLを次のように設定してください。https：//nuget.telerik.com/v3/index.jsonと[OK]をクリックします。
telerik.ui.for.aspnet.core nugetパッケージを閲覧してインストールします。
Visual Studioは、Nugetパッケージをキャッシュすることがあり、クリアする必要があります。これを行うには、ツール> Nuget Package Manager> Package Manager Settingsメニューコマンドを開き、 [すべてのNugetキャッシュをクリア]を選択します。
パッケージマネージャーにエラーが存在し、削除されたソースへの参照がまだ立っている場合は、Nugetパッケージフィードをフィードして、参照を手動で削除します。
プライベートTelerik Nugetフィードを追加してパッケージをインストールする方法の詳細については、ASP.NETコア記事のNugetインストールを参照してください
