欧美影院一区,精品日韩一区一区三区四区,日韩女优在线观看

jQuery UI組件庫(kù)Kendo UI for jQuery數(shù)據(jù)管理使用教程：Pager概述

翻譯|使用教程|編輯：龔雪|2020-11-25 10:21:03.717|閱讀 176 次

概述：Kendo UI for jQuery是創(chuàng)建現(xiàn)代Web應(yīng)用程序的最完整UI庫(kù)，本文將為大家介紹Kendo UI Pager大概的情況，歡迎下載最新版體驗(yàn)！

相關(guān)鏈接：

Kendo UI for jQuery R3 2020 SP2試用版下載

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 Pager小部件可使用靈活直觀的UI將一組數(shù)據(jù)拆分成多個(gè)頁(yè)面。

Pager的用戶界面對(duì)于分頁(yè)具有數(shù)據(jù)源且沒(méi)有內(nèi)置分頁(yè)的內(nèi)置UI數(shù)據(jù)綁定組件很有用，例如ListView或需要分頁(yè)選項(xiàng)的場(chǎng)景，例如帶有數(shù)據(jù)源的Kendo模板。

Pager是Kendo UI for jQuery的一部分，后者是一個(gè)專業(yè)級(jí)的UI庫(kù)，具有90多個(gè)組件，可用于構(gòu)建現(xiàn)代且功能豐富的應(yīng)用程序。點(diǎn)擊申請(qǐng)?jiān)囉?gt;>

您可以自定義頁(yè)碼模板或使用輸入來(lái)導(dǎo)航到特定頁(yè)面，切換上一個(gè)和下一個(gè)按鈕的可見(jiàn)性，包括頁(yè)面大小下拉列表并更改信息消息，pager API還提供本地化其他消息的功能。

初始化Pager

要使用Pager，請(qǐng)使用空的<div>元素，并在初始化腳本中提供其設(shè)置。

下面的示例演示如何將pager綁定到數(shù)據(jù)源并啟用pageSizes選項(xiàng)。

注意：您可以使用遠(yuǎn)程數(shù)據(jù)源替代本地?cái)?shù)據(jù)數(shù)組。在本示例中，為簡(jiǎn)潔起見(jiàn)，使用了本地?cái)?shù)組。

<div id="pager"></div>

<script>
var dataSource = new kendo.data.DataSource({
data: [
{ productName: "Tea", category: "Beverages" },
{ productName: "Coffee", category: "Beverages" },
{ productName: "Ham", category: "Food" },
{ productName: "Bread", category: "Food" }
],
pageSize: 2
});

$("#pager").kendoPager({
dataSource: dataSource,
pageSizes: [2, 3, 4, "all"]
});

dataSource.read();
</script>
<style>
#pager {
margin-top: 100px;
}
</style>

功能和特點(diǎn)

Pager設(shè)置和類型
響應(yīng)式Pager
Pager模板
全球化與消息

引用現(xiàn)有實(shí)例

要引用現(xiàn)有的Pager實(shí)例，請(qǐng)使用jQuery.data()方法。建立引用后，請(qǐng)使用來(lái)控制其操作。

var pager = $("#pager").data("kendoPager");

標(biāo)簽：

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn

文章轉(zhuǎn)載自：慧都網(wǎng)

上一篇：PDF處理控件Aspose.PDF功能演示：使用Java在PDF中添加或刪除附件下一篇：文檔格式轉(zhuǎn)換工具Print2Flash使用教程：如何在打印機(jī)上打印Print2Flash文檔？

相關(guān)產(chǎn)品

控件

產(chǎn)品功能：UI界面

源碼：非開(kāi)源

產(chǎn)品編號(hào)：13438

當(dāng)前版本：2025 Q3 [銷售以商家最新版為準(zhǔn)，如需其他版本，請(qǐng)來(lái)電咨詢]

開(kāi) 發(fā) 商： telerik

正式授權(quán)

">Kendo UI

全新升級(jí)的Kendo UI，是創(chuàng)建數(shù)據(jù)豐富的Web應(yīng)用程序的最完整UI庫(kù)。

控件

產(chǎn)品功能：UI界面

源碼：非開(kāi)源

產(chǎn)品編號(hào)：13968

當(dāng)前版本：2025 Q3 [銷售以商家最新版為準(zhǔn)，如需其他版本，請(qǐng)來(lái)電咨詢]

開(kāi) 發(fā) 商： telerik

正式授權(quán)

">Kendo UI for jQuery

完整的jQuery UI組件庫(kù)，可快速構(gòu)建出色的高性能響應(yīng)式Web應(yīng)用程序。

控件

產(chǎn)品功能：UI界面

源碼：非開(kāi)源

產(chǎn)品編號(hào)：13969

當(dāng)前版本：2025 Q3 [銷售以商家最新版為準(zhǔn)，如需其他版本，請(qǐng)來(lái)電咨詢]

開(kāi) 發(fā) 商： telerik

正式授權(quán)

">Kendo UI for Angular

完整的Angular UI組件庫(kù)，助力構(gòu)建高性能的現(xiàn)代Angular應(yīng)用。

控件

產(chǎn)品功能：UI界面

源碼：非開(kāi)源

產(chǎn)品編號(hào)：13988

當(dāng)前版本：2025 Q3 [銷售以商家最新版為準(zhǔn)，如需其他版本，請(qǐng)來(lái)電咨詢]

開(kāi) 發(fā) 商： telerik

正式授權(quán)

">Kendo UI Support for React

支持React Javascript框架，更快地構(gòu)建更好的應(yīng)用程序。

控件

產(chǎn)品功能：UI界面

源碼：非開(kāi)源

產(chǎn)品編號(hào)：13989

當(dāng)前版本：2025 Q3 [銷售以商家最新版為準(zhǔn)，如需其他版本，請(qǐng)來(lái)電咨詢]

開(kāi) 發(fā) 商： telerik

正式授權(quán)

">Kendo UI for Vue

創(chuàng)建響應(yīng)式Web應(yīng)用的完整UI組件庫(kù)。

最新文章 MORE

金喜正規(guī)買球相關(guān)的文章 MORE

国产凹凸在线-国产拗女一区二区三区-国产白白视-国产白领-国产白拍-国产白丝jk被疯狂输-国产白丝喷-国产白丝在线

金喜正规买球

在線采購(gòu)

中文文檔庫(kù)

試用/Demo下載

開(kāi)發(fā)社群

jQuery UI組件庫(kù)Kendo UI for jQuery數(shù)據(jù)管理使用教程：Pager概述

初始化Pager

功能和特點(diǎn)

引用現(xiàn)有實(shí)例

用科技創(chuàng)就卓越

Create excellence with technology

国产凹凸在线-国产拗女一区二区三区-国产白白视-国产白领-国产白拍-国产白丝jk被疯狂输-国产白丝喷-国产白丝在线

金喜正规买球

在線采購(gòu)

中文文檔庫(kù)

試用/Demo下載

開(kāi)發(fā)社群

jQuery UI組件庫(kù)Kendo UI for jQuery數(shù)據(jù)管理使用教程：Pager概述

初始化Pager

功能和特點(diǎn)

引用現(xiàn)有實(shí)例

為你推薦

用科技創(chuàng)就卓越

Create excellence with technology