Kendo UI - 全球更改邮件选项

问题描述:

我为我的项目使用Kendo UI Grid和其他Kendo工具。Kendo UI - 全球更改邮件选项

如何在不使用任何特定ID或类的情况下全局更改其某些设置?

:每当我使用的网格,可分页消息应该是“我的自定义消息”在所有网站。

我可以做到这一点,通过目标像下面的网格组件。我在同一页面中使用kendoGrid许多地方或多次。在那种情况下,我怎样才能做到这一点,而无需每次重复可分页的消息?

Online Demo { jsFiddle }

$(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。

这里就是你需要做的:

  1. 找到原kendo.messages.en-US.min.js文件为您的剑道的版本。你应该能够找到在剑道安装目录下这个文件,例如:C:\Program Files (x86)\Telerik\Kendo UI Professional R1 2017\js\messages
  2. 将文件复制到你的项目
  3. 查找itemsPerPage里面的文件,并将其值修改为任何你想要的。
  4. 添加一个参考你的HTML的<head>部分文件,但之后kendo.all.min.js

确保它是欲了解更多有关本地化的剑道来看看这篇文章:http://docs.telerik.com/kendo-ui/framework/localization/overview

你可以在这里也看到一个工作示例:http://demos.telerik.com/kendo-ui/grid/localization