Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四個控件。Kendo UI for jQuery是創(chuàng)建現(xiàn)代Web應(yīng)用程序的完整UI庫。

 

 

本文主要介紹如何使用Kendo UI for jQuery數(shù)據(jù)管理中的網(wǎng)格排序功能，默認情況下，禁用網(wǎng)格排序。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

入門指南

要啟用Grid的排序功能，請將sortable選項設(shè)置為true。 結(jié)果，將應(yīng)用默認的單列排序功能。

為了增強Grid的性能，通過將數(shù)據(jù)源的serverSorting選項設(shè)置為true，在服務(wù)器上應(yīng)用排序操作。啟用服務(wù)器排序后，您將收到默認的orderBy參數(shù)，該參數(shù)包含將應(yīng)用數(shù)據(jù)集排序列的字段名稱。

如圖：啟用了排序功能的網(wǎng)格

 

 

排序方式

網(wǎng)格支持以下排序模式：

 

單列排序

默認情況下，當(dāng)sortable設(shè)置為true時，網(wǎng)格將應(yīng)用單列排序。您還可以通過將可編輯的mode選項設(shè)置為single來配置單列排序模式。

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

 

多列排序

要啟用多列排序，請將模式選項可編輯設(shè)置為多個。

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