如何以json格式获取KendoGrid的显示数据?

28 html javascript jquery json kendo-ui

我有一个kendoGrid,我希望JSON在过滤和排序后如何实现这一目标?

如下所示,

var grid = $("#grid").data("kendoGrid");

alert(grid.dataSource.data.json); // I could dig through grid.dataSource.data and I see a function ( .json doen't exist I put it there so you know what i want to achieve )
Run Code Online (Sandbox Code Playgroud)

非常感谢任何帮助!

Pet*_*bev 58

我想你在找

var displayedData = $("#YourGrid").data().kendoGrid.dataSource.view()
Run Code Online (Sandbox Code Playgroud)

然后将其字符串化如下:

var displayedDataAsJSON = JSON.stringify(displayedData);
Run Code Online (Sandbox Code Playgroud)

希望这可以帮助!


car*_*ter 19

如果要获取过滤数据的所有页面,可以使用:

var dataSource = $("#grid").data("kendoGrid").dataSource;
var filters = dataSource.filter();
var allData = dataSource.data();
var query = new kendo.data.Query(allData);
var data = query.filter(filters).data;
Run Code Online (Sandbox Code Playgroud)

确保在尝试应用过滤器之前检查过滤器是否存在,否则Kendo会抱怨.


Mah*_*hib 10

计算网格中的所有行数

$('#YourGridName').data("kendoGrid").dataSource.total()
Run Code Online (Sandbox Code Playgroud)

获取特定的行项目

$('#YourGridName').data("kendoGrid").dataSource.data()[1]
Run Code Online (Sandbox Code Playgroud)

获取网格中的所有行

$('#YourGridName').data("kendoGrid").dataSource.data()
Run Code Online (Sandbox Code Playgroud)

Json到网格中的所有行

JSON.stringify($('#YourGridName').data("kendoGrid").dataSource.data())
Run Code Online (Sandbox Code Playgroud)