CollectionView

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")) ) )

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」を参照してください。