ASP.NET MVCの全コントロールがクライアント側のウェブ開発用に最適化されています。
CollectionViewが強力なクライアント側API を提供します。CollectionViewHelper はFlexGrid、FlexChartや他の入力コントロールのようなデータ連結されたコントロールに対してソート、フィルタ、ページングのようなサーバ側の操作を内部で行います。しかし、この操作をクライアント側で明示的に行うことも可能です。クライアント側操作にて、現在のレコード管理、ソート処理、フィルタ処理、グループ化および変更履歴の機能が含まれています。
下記のサンプルコードがクライアント側でFlexGridとFlexChartのCollectionViewをアクセスする方法を示します。
Client-Side Access |
コードのコピー
|
---|---|
@using MVCCollectionView.Models; <script> var Grid, GridCV; c1.mvc.Utils.documentReady(function () { Grid = wijmo.Control.getControl('#fGrid'); GridCV = Grid.collectionView; }); </script> <!--FlexGridのインスタンスを作成し、プロパティを設定します--> @(Html.C1().FlexGrid().Id("fGrid").IsReadOnly(true).AllowSorting(false).AutoGenerateColumns(false) .Bind(b => b.DisableServerRead(true).Bind(Model.Customers)) .Columns(columns => columns .Add(c => c.Binding("CustomerID")) .Add(c => c.Binding("CompanyName")) .Add(c => c.Binding("ContactName")) .Add(c => c.Binding("City")) .Add(c => c.Binding("Country")) .Add(c => c.Binding("Phone")) ) ) |
詳細については、「モジュール wijmo.collections」を参照してください。