剣道グリッドページの変更オプションの取得方法は？

Question

ウェブAPIの剣道UIグリッド（angularJsバージョン）の設定が完了しました。私は、サーバー側の改ページを含んでいます。それぞれのページ変更要求に対するtake、skip、pageおよびpageSizeオプションを送信します。

ここでは、APIで独自の検索モデルを作成し、その値をJSオブジェクトにバインドしてからサーバーに送信します。

グリッドに関連付けられたイベントの値を取得できるかどうかは、page change、pageSizeなどです。

私のカスタムデータフィールドを送信する： `

public class SearchModel 
{ 
    .... 
    ....... 
    public int PageNo { get; set; } 
    public int PageSize { get; set; } 
    public string SortOrder { get; set; } 
    public string SortColumn { get; set; } 
} 

ので、サーバ側でこれらの指定されたフィールドを移入する必要があります。このために、これらの同一のフィールドを持つJSでオブジェクトを作成することができ、値にはグリッドページングイベントからデータを取り込む必要があります。 pageNoやページのサイズと同様です。

角度jsを使用してこれを行う方法は？

Answer 1

通常、データソースパラメータを抽出して追加するのではなく、dataSource.transport.read.dataコンフィグレーション（http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#configuration-transport.read.data）を使用して、剣道データソースパラメータに値を追加します。

http://dojo.telerik.com/@Stephen/uXAjUをご覧ください。これは、リモートデータバインディング用の変更された剣道グリッドデモです。私は単純にデータソースのトランスポート構成をconfigコンread.dataを追加した

：

customDataは（あなたが検索モデルからパラメータを追加する場所これはある）である

transport: { 
    read: { 
     url: "//demos.telerik.com/kendo-ui/service/Northwind.svc/Orders", 
     data: customData 
    } 
} 

：

function customData() { 
    return { 
     custom1: 1, 
     custom2: "Two", 
     custom3: new Date() 
    }; 
} 

をグリッドがリモートサービスを照会するたびに、カスタムtransport.read.dataメソッドによって返されたデータに加えて、データソース機能、つまりページング/フィルタリング/グループ化パラメータで構築されたパラメータが渡されます。 devツールのネットワークタブを見て、customDataがグリッド/データソースの読み込み要求に追加されていることを確認してください。

Answer 2

これをチェックしてください。

var grid = $('#test_grid').data('kendoGrid'); 
var pager = grid.pager; 
pager.bind('change', test_pagechange); 

function test_pagechange(e){ 
    console.log(e); 
} 

また、あなたは、ときにページの変更この

データバインドされたイベントが発生してみることができます。グリッドのdataSourceのpage（）メソッドで現在のページインデックスを取得できます。

$("#grid").data("kendoGrid").dataSource.page(); 

またドキュメントに見http://docs.telerik.com/kendo-ui/api/javascript/ui/pager#events-change