半岛权威十大直营(官方)网站

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

翻译|使用教程|编辑：龚雪|2020-11-30 10:05:47.540|阅读 150 次

概述：Kendo UI for jQuery是创建现代Web应用程序的最完整UI库，本文将为大家介绍Kendo UI Pager如何进行全球化处理，欢迎下载最新版体验！

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

相关链接：

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>

慧都2020年终大促

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@wqylolg.cn

文章转载自：慧都网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP