当前您所在的位置:首页>新闻中心>新品发布
新品发布
行业动态
营销活动

Kendo UI for jQuery数据管理使用教程:网格排序

发布时间:2020/11/11 浏览量:2382

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 with single column sorting enabled

 
 

 

 

 

Grid with multiple column sorting enabled

 
 

 


 

 

 

入门指南

要启用Grid的排序功能,请将sortable选项设置为true。 结果,将应用默认的单列排序功能。

为了增强Grid的性能,通过将数据源的serverSorting选项设置为true,在服务器上应用排序操作。启用服务器排序后,您将收到默认的orderBy参数,该参数包含将应用数据集排序列的字段名称。

如图:启用了排序功能的网格

 

 

排序方式

网格支持以下排序模式:

 

单列排序

默认情况下,当sortable设置为true时,网格将应用单列排序。您还可以通过将可编辑的mode选项设置为single来配置单列排序模式。

$(“#grid”).kendoGrid({
sortable: true
// Other configuration.
});

 

多列排序

要启用多列排序,请将模式选项可编辑设置为多个。

$(“#grid”).kendoGrid({
sortable: {
mode: “multiple”
},
// Other configuration.
});

北京哲想软件有限公司