91九色国,欧美艹逼,精品国产福

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

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

概述：Kendo UI for jQuery是創(chuàng)建現(xiàn)代Web應(yīng)用程序的最完整UI庫，本文將為大家介紹Kendo UI Pager如何進(jìn)行全球化處理，歡迎下載最新版體驗(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庫。

概述

全球化進(jìn)程結(jié)合了組件消息的翻譯（本地化）和使其適應(yīng)特定的文化（國際化和從右到左的支持）。

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

本地化

Pager提供用于定義其頁面和導(dǎo)航鏈接、信息文本和標(biāo)簽工具提示的選項(xiàng)。

要本地化消息，請?jiān)趍essages字段中設(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,
refresh: true,
messages: {
refresh: "Refresh data",
display: "Showing {0}-{1} from {2} data items"
}
});

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