Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四个控件。Kendo UI for jQuery是创建现代Web应用程序的完整UI库。
本文主要介绍如何使用Kendo UI for jQuery数据管理中的网格排序功能,默认情况下,禁用网格排序。
入门指南
要启用Grid的排序功能,请将sortable选项设置为true。 结果,将应用默认的单列排序功能。
为了增强Grid的性能,通过将数据源的serverSorting选项设置为true,在服务器上应用排序操作。启用服务器排序后,您将收到默认的orderBy参数,该参数包含将应用数据集排序列的字段名称。
如图:启用了排序功能的网格
排序方式
网格支持以下排序模式:
单列排序
默认情况下,当sortable设置为true时,网格将应用单列排序。您还可以通过将可编辑的mode选项设置为single来配置单列排序模式。
$(“#grid”).kendoGrid({
sortable: true
// Other configuration.
});
多列排序
要启用多列排序,请将模式选项可编辑设置为多个。
$(“#grid”).kendoGrid({
sortable: {
mode: “multiple”
},
// Other configuration.
});