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

 

 

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

入門指南

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

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

如圖：?jiǎn)⒂昧伺判蚬δ艿木W(wǎng)格

 

 

排序方式

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

 

單列排序

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

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

 

多列排序

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

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