NetAdvantage for jQueryの全体像
NetAdvantage for jQueryはjQueryとjQuery UIを利用して作られたコンポーネント製品です。つまり、サーバーサイドのテクノロジには影響されずに利用ができます。ただし、他のNetAdvantage製品同様に.NETテクノロジにある程度の親和性はあり、DLLを参照追加することで、ASP.NET MVC対応のヘルパーとして各コンポーネント製品を扱うこともできます。
NetAdvantage for jQueryで提供するコンポーネントは以下のとおりです。
NetAdvantage for jQueryが提供しているコンポーネント一覧
| コンポーネント名 | 機能 | ASP.NET MVCのヘルパーサポート |
| igDataSource | 様々なデータソースを扱うコンポーネント | × |
| igDatePicker | ドロップダウン型のカレンダー付の入力コンポーネント | ○ |
| igUpload | ファイルアップロードコンポーネント | ○ |
| igRating | 評価に使うレーティングコンポーネント | ○ |
| igGrid | 高機能なグリッドコンポーネント | ○ |
| igVideoPlayer | HTML5を使用したビデオプレーヤーコンポーネント | ○ |
| igCurrencyEditor | 様々な通貨に対応した入力値制御もできるエディターコンポーネント | ○ |
| igDateEditor | 日付エディターコンポーネント | ○ |
| igMaskEditor | 指定された入力マスクエディターコンポーネント | ○ |
| igNumericEditor | 指定した範囲の数値のみ受け付けるエディターコンポーネント | ○ |
| igPercentEditor | パーセントの数値のみ受け付けるエディターコンポーネント | ○ |
| igTextEditor | ウォーターマーク付きのテキストエディターコンポーネント | ○ |
各種機能の動作サンプルがこちらで確認できます。リンク先から高機能グリッドを表示させた例は図1になります。
図1 igGridの動作サンプル例
冒頭でも記載しましたが、NetAdvantage for jQueryが真価を発揮するのはズバリ、データソース（igDatasource）とグリッド（igGrid）の2つです。サーバーサイドテクノロジを使用したデータソースやグリッドは、サーバーサイドでソーティングやページング、フィルタリングを実施することがほとんどです。NetAdvantage for jQueryのデータソースとグリッドはクライアントサイドで全てを実現できるため、サーバーサイドでの処理による待ち時間が発生せず、軽快でありながら高機能なデータ表示が実現できます。
それでは、実際にデータソースとグリッドを使用してみましょう。
