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

Kendo UI是帶有jQuery、Angular、React和Vue庫的JavaScript UI組件的最終集合，無論選擇哪種JavaScript框架，都可以快速構建高性能響應式Web應用程序。通過可自定義的UI組件，Kendo UI可以創建數據豐富的桌面、平板和移動Web應用程序。通過響應式的布局、強大的數據綁定、跨瀏覽器兼容性和即時使用的主題，Kendo UI將開發時間加快了50%。

類型

Pager有兩種類型：

• numeric
• input

默認情況下，Pager為數字。要配置將在數字Pager中顯示的按鈕數量，請使用buttonCount選項。 要將Pager配置為僅接受使用輸入，請將數字設置為false，將輸入設置為true。

以下示例顯示如何啟用輸入pager的類型：

<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>

設置

以下設置使您可以確定將呈現哪些內置pager元素：

• - 呈現允許用戶更改頁面大小的下拉菜單
• - 顯示刷新按鈕
• - 切換按鈕的可見性以導航到第一頁、最后一頁、上一頁和下一頁
• - 切換當前pager信息的可見性