Kendo UI - 如何在 NumericTextbox 控件中本地化旋转框的工具提示？答案

【问题标题】：Kendo UI - How to localize tooltip of spin boxes in NumericTextbox control?Kendo UI - 如何在 NumericTextbox 控件中本地化旋转框的工具提示？
【发布时间】：2016-06-21 07:13:00
【问题描述】：

如何在 Kendo UI NumericTextbox 控件中本地化/更改旋转框的工具提示文本？

【问题讨论】：

标签： kendo-ui kendonumerictextbox

【解决方案1】：

是的，我也遇到了同样的问题。出于某种原因，“kendo.messages.xx-XX.js”本地化文件不会本地化旋转按钮上的两条消息，但我找到了一种方法：

if (kendo.ui.NumericTextBox) {
    kendo.ui.NumericTextBox.prototype.options =
    $.extend(true, kendo.ui.NumericTextBox.prototype.options,{
      "upArrowText": "Increase value",
      "downArrowText": "Decrease value"
    });
}

【讨论】：

【解决方案2】：

要本地化文本，您必须在 kendo 包含之后简单地包含相应的消息脚本。 script 和 link 取自 Kendos documentation on localization：

例如：

$("#numeric").kendoNumericTextBox();

<link href="http://kendo.cdn.telerik.com/2018.1.221/styles/kendo.common.min.css" rel="stylesheet"/>
<script src="http://kendo.cdn.telerik.com/2018.1.221/js/jquery.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2018.1.221/js/kendo.all.min.js"></script>

<!-- This is the important line, you may need to change de-DE to your desired locale -->
<script src="http://kendo.cdn.telerik.com/2018.1.221/js/messages/kendo.messages.de-DE.min.js"></script>

<p>Hover over the up or down caret to see the german texts:</p>
<input id="numeric" type="number" title="numeric" value="17" min="0" max="100" step="1" />

您可能需要在kendo-ui-core repository 或其文档中查看可用的本地化文件。

请注意，这是how the messages script does it（已在其他答案中显示）：

/* NumericTextBox messages */

if (kendo.ui.NumericTextBox) {
  kendo.ui.NumericTextBox.prototype.options =
  $.extend(true, kendo.ui.NumericTextBox.prototype.options,{
    "upArrowText": "Increase value",
    "downArrowText": "Decrease value"
  });
}

因此，如果需要，您应该能够自己自定义这些文本。

【讨论】：