Infragistics Ultimate UI for ASP.NET で提供させて頂いている主力グリッドコントロール WebDataGrid の利用方法エントリ一覧です。よくご質問頂く内容が中心のエントリとなっていますので、初めて WebDataGrid を利用される方や、UltraWebGrid から WebDataGrid へ移行を予定されている方は特にご活用いただけると思います。また、これまで WebDataGird をご活用いただいてきたお客様にも新しい機能やこれまでご利用いただいていなかった機能をご紹介出来ればと思います。多くのエントリで実行可能なサンプルを用意していますので、サンプルを動かしながら実装内容をご確認いただけます。
スタイリング / CSS
WebDataGrid では列ヘッダやセル、行セレクターなど様々なエレメントに対して CSS が適用されています。これら CSS をカスタマイズする際に便利なエントリです。
- WebDataGrid の外観変更
セルやヘッダなど欲お問い合わせ頂くエレメントに対応するエレメントの外観変更方法を紹介しています。 - NetAdvantage for ASP.NET - Firebug を使ったスタイルカスタマイズ
Firebug を用いてグリッドに適用されている CSS の確認方法及び変更方法を紹介しています。 - ASP.NET WebDataGrid 動的にセルと行のスタイルを変更する
コードビハインドから動的に CSS を適用する方法を解説しています。 - WebDataGrid 長いセルの値を改行せずに表示する
セル文字の改行抑制を行う方法を紹介しています。
フォーマット
- WebDataGrid で値のフォーマット:通貨を表示してみよう!
DataFormatString プロパティを利用したセル値のフォーマット方法を紹介しています。
デザイナの利用
WebDataGrid では プロパティウィンドウ以外にもデザイナ上でプロパティ設定を進めていくことができます。
- ASP.NET WebDataGrid デザイナによるプロパティ設定
WebDataGrid デザイナでは機能ごとにプロパティがまとめられていますので使い勝手がよく便利です。
データ制御
データ更新のタイミングや更新時のデータ検証について解説しています。
- WebDataGrid 編集データの一括更新
データの一括更新機能はポストバックの回数を抑えるシナリオで採用される機能です。クライアントサイドでの制御となります。 - WebDataGrid サーバーサイドで行追加・行削除
ボタンクリックなどのサーバーサイドイベントで行を追加・削除する方法を紹介しています。
編集制御
セルの編集制御について紹介しています。
- WebDataGrid セルの編集制御について
列、行、セルでの編集可否制御を行う方法を紹介しています。クライアントサイドでの制御となります。 - WebDataGrid コンボボックスによるセル編集
セル編集にコンボボックスを利用する方法を紹介しています。コンボボックスの値変更によるセルの自動計算も行っています。 - WebDataGrid JavaScript からエディタプロバイダにアクセスする方法
セル編集開始時にエディタプロバイダ(DropdownProvider)を展開する方法を紹介しています。 - WebDataGrid 入力文字数を制限する方法(EditorProvider)
エディタプロバイダ(TextEditorProvider)を用いた入力文字数の制限方法を紹介しています。 - WebDataGrid 新規追加行に EditorProvider を利用する
新規追加行のセルにエディタプロバイダ(DropDownProvider)を利用する方法を紹介しています。
テンプレート
テンプレート機能を使うことで、数値や文字情報以外にも画像やハイパーリンク、ユーザーコントロールを表示することができます。
- WebDataGrid テンプレート機能
セルに任意のユーザーコントロールを表示する、テンプレート機能を紹介しています。また、テンプレートクリックによるサーバーサイド処理も解説しています。 - WebDataGrid セルにハイパーリンクを表示
サーバーサイドで動的にテンプレートを表示する方法を紹介しています。また、サーバーサイドでテンプレートにアクセスする方法も紹介しています。
クライアントサイドプログラミング(JavaScript)
JavaScript によるクライアントサイドプログラミング Tips です。
- WebDataGrid クライアントサイドで選択項目を取得
JavaScript で選択セルや選択行の情報にアクセスする方法を解説しています。 - NetAdvantage for ASP.NET クライアントサイドプログラミング Tips
WebScriptManager による JavaScript IntelliSense や JavaScript メソッドの確認方法などを紹介しています。 - WebDataGrid クライアントサイドで行・セル・列を取得
JavaScript で列、行、セルにアクセスする方法を解説しています。また、セルの値変更などよくお問い合わせ頂く関連情報も掲載しています。 - WebDataGrid JavaScript API による行追加・行削除
JavaScript から行の追加や削除を行う方法を紹介しています。よくお問い合わせ頂く内容となっています。 - WebDataGrid クリック行のデータを取得する
セルに配置されたボタンをクリックしたタイミングで、行のデータを取得する方法です。
サーバーサイドプログラミング
サーバーサイドでのイベントハンドリング方法を紹介しています。
- WebDataGrid クリックイベントのサーバーサイド処理
サーバーサイドでクリックイベントをハンドルする方法を紹介しています。こちらもよくお問い合わせ頂く内容です。 - WebDataGrid 操作時の非同期ポストバックで WebDataGrid 以外のコントロールのプロパティをサーバーサイドで更新する
WebDataGrid のイベント内で、ラベルなどの別コントロールを更新する方法を紹介しています。
WebDataGrid を含む Infragistics Ultimate UI for ASP.NET は機能制限のない無料トライアルをご利用頂けます。無料トライアルにも有償製品版と同じようにサポートサービスをご利用頂けます。利用方法に不明点がございましたら是非弊社カスタマーサポートまでお問い合わせ下さい。