翻譯|使用教程|編輯:龔雪|2020-12-18 13:41:01.527|閱讀 203 次
概述:Kendo UI for jQuery是創(chuàng)建現(xiàn)代Web應(yīng)用程序的最完整UI庫(kù),本文將為大家介紹Kendo UI Pager的類(lèi)型和設(shè)置,歡迎下載最新版體驗(yàn)!
# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>
相關(guān)鏈接:
Kendo UI for jQuery R3 2020 SP2試用版下載
Kendo UI是帶有jQuery、Angular、React和Vue庫(kù)的JavaScript UI組件的最終集合,無(wú)論選擇哪種JavaScript框架,都可以快速構(gòu)建高性能響應(yīng)式Web應(yīng)用程序。通過(guò)可自定義的UI組件,Kendo UI可以創(chuàng)建數(shù)據(jù)豐富的桌面、平板和移動(dòng)Web應(yīng)用程序。通過(guò)響應(yīng)式的布局、強(qiáng)大的數(shù)據(jù)綁定、跨瀏覽器兼容性和即時(shí)使用的主題,Kendo UI將開(kāi)發(fā)時(shí)間加快了50%。
Pager有兩種類(lèi)型:
默認(rèn)情況下,Pager為數(shù)字。要配置將在數(shù)字Pager中顯示的按鈕數(shù)量,請(qǐng)使用buttonCount選項(xiàng)。 要將Pager配置為僅接受使用輸入,請(qǐng)將數(shù)字設(shè)置為false,將輸入設(shè)置為true。
以下示例顯示如何啟用輸入pager的類(lèi)型:
<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, input: true, numeric: false }); dataSource.read(); </script> <style> #pager { margin-top: 100px; } </style>
以下設(shè)置使您可以確定將呈現(xiàn)哪些內(nèi)置pager元素:
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都網(wǎng)