Question

我正在为我的项目使用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元素的全局属性而不触及原始插件？

Answer 1

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

以下是您需要做的事情：

查找您的Kendo版本的原始kendo.messages.en-US.min.js文件。您应该能够在Kendo安装目录中找到此文件，例如：C:\Program Files (x86)\Telerik\Kendo UI Professional R1 2017\js\messages
将文件复制到您的项目
在文件中查找itemsPerPage并将其值更改为您想要的值。
在html的<head>部分添加对该文件的引用，但确保 <{strong> kendo.all.min.js

之后
有关本地化Kendo的更多信息，请查看以下文章：http://docs.telerik.com/kendo-ui/framework/localization/overview

您还可以在此处查看一个有效的示例：http://demos.telerik.com/kendo-ui/grid/localization

Kendo UI - 全局更改消息选项

1 个答案: