亚洲精品国精品久久99热,中文字幕专区高清在线观看,3d动漫精品一区二区三区

jQuery UI組件庫(kù)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庫(kù)，本文將為大家介紹Kendo UI Pager如何進(jìn)行全球化處理，歡迎下載最新版體驗(yàn)！

# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

相關(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ù)。

概述

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

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

本地化

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

要本地化消息，請(qǐ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>