Kendo UI - 全局更改消息选项答案

【问题标题】：Kendo UI - change message options globallyKendo UI - 全局更改消息选项
【发布时间】：2017-04-26 06:08:02
【问题描述】：

我正在为我的项目使用 Kendo UI Grid 和其他 Kendo 工具。

如何在不使用任何特定 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-ui kendo-grid

【解决方案1】：

您不需要将配置添加到每个网格。相反，您可以利用 Kendo 的本地化功能。要更改所有网格的寻呼机文本，您应该在加载“kendo.all.min.js”后包含一个“消息”文件。由于这与本地化有关，因此“消息”文件是特定于文化的。如果您没有为您的项目定义文化，Kendo 将默认采用 en-US。

这是你需要做的：

为您的 Kendo 版本找到原始的 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

【讨论】：