Question

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

Answer 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"
    });
}

Answer 2

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

例如：

＆＃13;

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

＆＃13;

<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" />

＆＃13;

您可能需要查看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"
  });
}

因此，如果您愿意，您应该能够自己定制这些文本。

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

2 个答案: