如何獲得Kendo網格頁面更改選項？

我已完成爲我的web api設置kendo UI網格（angularJs版本）。我已經包含了嚴重的側面分頁。它爲每個頁面更改的請求發送take，skip，page和pageSize選項。如何獲得Kendo網格頁面更改選項？

這裏我想在api中創建我自己的搜索模型，將這些值綁定到JS對象，然後將數據發佈到服務器。

我想知道如果我能得到與網格相關的事件的值，如：頁面更改，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做到這一點？

來源

2016-08-22 Avi-B

通常，您可以使用dataSource.transport.read.data配置（http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#configuration-transport.read.data）將值添加到kendo數據源參數中，而不是提取數據源參數並添加您的值。請參考http://dojo.telerik.com/@Stephen/uXAjU。這是一個用於遠程數據綁定的修改的kendo網格演示。

我只是增加了一個read.data配置的數據源的傳輸配置：

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

的CustomData地方是（這是你想從你的搜索模型添加參數）：

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

現在每當網格查詢遠程服務時，除了由您的自定義transport.read.data方法返回的數據外，它還會傳遞數據源功能中構建的參數，即分頁/過濾/分組參數。查看開發工具網絡選項卡以查看customData附加到網格/數據源讀取請求。

來源

2016-08-22 13:03:25

@Stephen能不能再看到更新的問題。發送自定義數據不是我的問題，但在使用帶有角度js的kendogrid時填充頁碼和頁面大小是。 –

檢查一下。你

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

來源

2016-08-22 13:31:47

如何獲得Kendo網格頁面更改選項？

回答

相關問題