精品福利在线,亚洲激情,毛色毛片

jQuery UI組件庫Kendo UI for jQuery數據管理使用教程：Pager全球化

翻譯|使用教程|編輯：龔雪|2020-11-30 10:05:47.540|閱讀 217 次

概述：Kendo UI for jQuery是創建現代Web應用程序的最完整UI庫，本文將為大家介紹Kendo UI Pager如何進行全球化處理，歡迎下載最新版體驗！

相關鏈接：

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四個控件。Kendo UI for jQuery是創建現代Web應用程序的最完整UI庫。

概述

全球化進程結合了組件消息的翻譯（本地化）和使其適應特定的文化（國際化和從右到左的支持）。

通過其消息的本地化可以啟用Pager的全球化功能。

本地化

Pager提供用于定義其頁面和導航鏈接、信息文本和標簽工具提示的選項。

要本地化消息，請在messages字段中設置所需的字符串。

下面的示例顯示如何更改刷新按鈕的工具提示和信息消息。

<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,
refresh: true,
messages: {
refresh: "Refresh data",
display: "Showing {0}-{1} from {2} data items"
}
});

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