2017-04-26 72 views
0

我爲我的項目使用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元素全球性而不觸及原來的插件?

回答

1

您不需要將配置添加到每個網格。相反,您可以利用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