Kendo UI grid API 获取 filter 后的所有数据

最新推荐文章于 2025-06-24 09:10:58 发布

原创最新推荐文章于 2025-06-24 09:10:58 发布 · 1.3w 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#Kendo #HTML5 #javascript #grid #表格

技术文档专栏收录该内容

56 篇文章

订阅专栏

本文介绍如何使用KendoUI Grid API在前端高效地获取过滤后的表格数据。通过获取#grid下的数据源及过滤条件，实现了对全部数据进行过滤筛选的功能，并提供了获取当前页面数据的方法。

Kendo UI grid 在处理表格数据上，方便、快捷。
出于需要，希望在 filter 表格后，得到所有的表格数据，当然可以在后台获取，但是通过kendo ui 的API在前端处理更为便捷。

// 获取 #grid 下的datasource
var dataSource = $("#grid").data("kendoGrid").dataSource;

// 获取过滤条件
var filters = dataSource.filter();

// 获取全部表格的数据
var allData = dataSource.data();

// 对全部数据进行过滤条件的筛选
var query = new kendo.data.Query(allData);

// 获取过滤后的数据无论是不是在同一page上
var data = query.filter(filters).data;

// 结束


// 如果仅获取当前页面的数据可以使用以下命令
var current_page_data = dataSource.dataitems()