1

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

4

2 回答 2

0

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

例如：

$("#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存储库或其文档中可用的本地化文件。

请注意，这是消息脚本的执行方式（已在另一个答案中显示）：

/* NumericTextBox messages */

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

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

于 2018-03-23T09:48:56.557 回答
0

是的，我也遇到了同样的问题。出于某种原因，“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"
    });
}
于 2016-09-05T09:13:33.980 回答