jQuery的剑道UI?下载30天免费试用

数据源操作

DataSource组件支持许多处理数据项的操作,例如在客户机上本地和在服务器上远程进行排序、过滤和分组,还允许您利用它的重音折叠过滤。

当地的排序

您可以通过启用Kendo UI DataSource组件来对数据进行排序排序配置选项。首先,设置项目排序的字段,然后设置升序或降序排序方向。

下面的示例演示了如何在客户机上对数据源中的项进行排序。

服务器分组

在处理大型数据集时,服务器分组是一个很好的选择。一定要设置模式而且集团属性。

函数返回的数据是本地数据运输会以同样的方式计算。

var words = {'count': 4, 'input': 'kendo', 'groups': [{'field': 'length', 'value': '5', 'itemCount': '1', //指定组中的项目数。“项目”:[{“w”:“剑道”}],“hasSubgroups”:假的,总量 ': {} },{ ' 字段”:“长度”,“价值”:“4”、“itemCount”:“3”、“项目”:[{' w ': '完成'},{' w ':“基诺”},{“w”:“节点”}],“hasSubgroups:假的,总量 ': {} }, { ' 字段”:“长度”,“价值”:“4”、“subgroupCount ': ' 1 ', / /指定数量的子组当hasSubgroups是正确的。“项目”:[{“字段”:“anotherField”,“价值”:“测试”,“itemCount”:“1”,“项目”:[{“s”:“物品”}],“hasSubgroups”:假的,总量 ': {} } ], ' hasSubgroups:真的,骨料 ': {} }] };var wordsDataSource =新的kendo.data。DataSource({data: words, schema: {groups: 'groups'}, group: {field: 'length'}, serverGrouping: true});

混合数据操作模式

注意,所有数据操作都必须在服务器或客户机上进行。因此,虽然您仍然可以使用DataSource的混合数据操作模式,但不建议使用这种方法,因为它会导致不希望看到的副作用。

例如,如果您启用serverPaging和禁用serverFiltering, DataSource将只过滤当前页面中的数据,用户将看到比预期的结果更少的结果。在其他场景中,数据源可能会发出比执行数据操作所需的更多请求。

小部件绑定

Kendo UI小部件支持数据绑定,并使用DataSource组件作为本地和远程数据的绑定源。

下面的示例演示如何使用其他Kendo UI小部件设置内联创建DataSource。

$(" #表”)。kendoChart({title: {text: "Employee Sales"}, dataSource: new kendo.data。DataSource({data: [{employee: "Joe Smith", sales: 2000}, {employee: "Jane Smith", sales: 2250}, {employee: "Will Roberts", sales: 1550}]}), series: [{type: "line", field: "sales", name: "sales in Units"}], categoryAxis: {field: "employee"}});

共享数据源

DataSource组件还允许您创建共享数据源,这将允许多个Kendo UI小部件绑定到相同的数据集合。使用共享数据源可以减少数据请求,提高性能,并在数据发生变化时自动同步刷新所有绑定的小部件。