Kendo UI - 全球更改邮件选项
问题描述:
我为我的项目使用Kendo UI Grid和其他Kendo工具。Kendo UI - 全球更改邮件选项
如何在不使用任何特定ID或类的情况下全局更改其某些设置?
如:每当我使用的网格,可分页消息应该是“我的自定义消息”在所有网站。
我可以做到这一点,通过目标像下面的网格组件。我在同一页面中使用kendoGrid许多地方或多次。在那种情况下,我怎样才能做到这一点,而无需每次重复可分页的消息?
$(document).ready(function() {
$("#grid1").kendoGrid({
pageable: {
messages: {
itemsPerPage: "My custom message"
},
},
});
});
$(document).ready(function() {
$("#grid2").kendoGrid({
pageable: {
messages: {
itemsPerPage: "My custom message"
},
},
});
});
.............
如果我在同一页5级格的物品,让说#grid1, #grid2, #grid3, #grid4, #grid5
,我应该需要以下信息添加到所有5个网格组件?
pageable: {
messages: {
itemsPerPage: "My custom message"
},
},
取而代之的,是有办法,我可以覆盖KendoGrid元素全球性而不触及原来的插件?
答
您不需要将配置添加到每个网格。相反,您可以利用Kendo的本地化功能。要更改所有网格的分页文本,在加载“kendo.all.min.js”之后,应该包含“消息”文件。由于这与本地化有关,“消息”文件是针对文化的。如果你还没有为你定义一个文化项目,Kendo会默认采用en-US。
这里就是你需要做的:
- 找到原
kendo.messages.en-US.min.js
文件为您的剑道的版本。你应该能够找到在剑道安装目录下这个文件,例如:C:\Program Files (x86)\Telerik\Kendo UI Professional R1 2017\js\messages
- 将文件复制到你的项目
- 查找
itemsPerPage
里面的文件,并将其值修改为任何你想要的。 - 添加一个参考你的HTML的
<head>
部分文件,但之后kendo.all.min.js
确保它是欲了解更多有关本地化的剑道来看看这篇文章:http://docs.telerik.com/kendo-ui/framework/localization/overview
你可以在这里也看到一个工作示例:http://demos.telerik.com/kendo-ui/grid/localization