Shoeisha Technology Media

CodeZine(コードジン)

特集ページ一覧

jQueryを利用した軽量・高機能なクライアントサイド実装!

  • ブックマーク
  • LINEで送る
  • このエントリーをはてなブックマークに追加
2011/07/12 14:00
目次

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の動作サンプル例
図1 igGridの動作サンプル例

 冒頭でも記載しましたが、NetAdvantage for jQueryが真価を発揮するのはズバリ、データソース(igDatasource)とグリッド(igGrid)の2つです。サーバーサイドテクノロジを使用したデータソースやグリッドは、サーバーサイドでソーティングやページング、フィルタリングを実施することがほとんどです。NetAdvantage for jQueryのデータソースとグリッドはクライアントサイドで全てを実現できるため、サーバーサイドでの処理による待ち時間が発生せず、軽快でありながら高機能なデータ表示が実現できます。

 それでは、実際にデータソースとグリッドを使用してみましょう。


  • ブックマーク
  • LINEで送る
  • このエントリーをはてなブックマークに追加

著者プロフィール

  • WINGSプロジェクト ナオキ(ナオキ)

    <WINGSプロジェクトについて> 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ(代表 山田祥寛)。主にWeb開発分野の書籍/記事執筆、翻訳、講演等を幅広く手がける。2018年11月時点での登録メンバは55名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂...

  • 山田 祥寛(ヤマダ ヨシヒロ)

    静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for ASP/ASP.NET。執筆コミュニティ「WINGSプロジェクト」代表。 主な著書に「入門シリーズ(サーバサイドAjax/XMLD...

バックナンバー

連載:Infragistics NetAdvantageチュートリアル

もっと読む

All contents copyright © 2005-2019 Shoeisha Co., Ltd. All rights reserved. ver.1.5