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)格的搜索面板和分頁(yè)功能。

搜索面板
網(wǎng)格小部件具有內(nèi)置功能,使用戶可以搜索數(shù)據(jù)。搜索面板在后臺(tái)使用過(guò)濾功能來(lái)僅顯示網(wǎng)格中的相關(guān)記錄。
入門指南
要啟用該功能,請(qǐng)?jiān)诠ぞ邫谂渲弥邪阉鬟x項(xiàng)。另外,可以自定義搜索輸入中輸入值時(shí)要搜索的字段。
$(“#grid”).kendoGrid({
toolbar: [“search”],
search: {
fields: [“ContactTitle”]
}
…
});
已知局限性
在過(guò)濾器文本框中啟用過(guò)濾后,所有Grid列的數(shù)據(jù)將使用在搜索文本框中輸入的值填充。
分頁(yè)
默認(rèn)情況下,禁用網(wǎng)格中的分頁(yè)。
入門指南
要啟用網(wǎng)格的分頁(yè)功能,請(qǐng)將其pageable選項(xiàng)設(shè)置為true。
為了使分頁(yè)正常工作:
在服務(wù)器上分頁(yè)
為了增強(qiáng)Grid的性能,通過(guò)將數(shù)據(jù)源的serverPaging選項(xiàng)設(shè)置為true,在服務(wù)器上應(yīng)用分頁(yè)操作。啟用serverPaging時(shí),數(shù)據(jù)源將以下默認(rèn)參數(shù)發(fā)送到服務(wù)器:
例如,要顯示60條記錄的數(shù)據(jù)集中的第3頁(yè)(每頁(yè)分為10條記錄),網(wǎng)格將發(fā)送skip: 20, top: 10。
Grid與發(fā)送和接收J(rèn)SON有效負(fù)載的HTTP請(qǐng)求一起使用。 例如,要將窗口小部件綁定到特定數(shù)據(jù)子集的特定頁(yè)面,請(qǐng)指示dataSource使用serverPaging。 結(jié)果,它將直接使用接收到的數(shù)據(jù)。相同的規(guī)則適用于過(guò)濾、分組、聚合和排序操作。
$(document).ready(function(){
$(“#grid”).kendoGrid({
groupable: true,
scrollable: true,
sortable: true,
pageable: true
});
});
配置Pager
默認(rèn)情況下,即使網(wǎng)格的數(shù)據(jù)源項(xiàng)總數(shù)小于pageSize值,它也會(huì)顯示一個(gè)pager。
從Kendo UI 2017 R3版本開(kāi)始,網(wǎng)格使您可以通過(guò)pageable.alwaysVisible配置屬性來(lái)切換pager的可見(jiàn)性,如果pageable.alwaysVisible值為false,則pager將獲得以下操作:
京ICP備09015132號(hào)-996 | 違法和不良信息舉報(bào)電話:4006561155
© Copyright 2000-2026 北京哲想軟件有限公司版權(quán)所有 | 地址:北京市海淀區(qū)西三環(huán)北路50號(hào)豪柏大廈C2座11層1105室
北京哲想軟件集團(tuán)旗下網(wǎng)站:哲想軟件 | 哲想動(dòng)畫(huà)