当前位置: 首页 > 使用教程

jQuery UI组件库Kendo UI for jQuery数据管理使用教程:Pager全球化

发布时间:2020-11-30

Kendo UI for jQuery R3 2020 SP2试用版下载

Kendo UI目前最新提供Kendo UI for jQueryKendo UI for AngularKendo UI Support for ReactKendo 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>


了解最新Kendo UI最新资讯,请关注Telerik中文网!

慧都2020年终大促
扫码咨询
电话咨询
023-68661681
返回
顶部