Kendo UI - Как локализовать всплывающую подсказку со спин-боксами в элементе управления NumericTextbox?

Question

Как локализовать / изменить текст всплывающей подсказки спин-боксов в Kendo UI NumericTextbox?

Answer 1

Чтобы локализовать текст, вы должны просто включить соответствующий скрипт сообщений после включения кендо. script а также link взяты из документации Kendos по локализации:

Например:

$("#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"
  });
}

Таким образом, вы сможете настроить эти тексты самостоятельно, если хотите.

Answer 2

Да, у меня была такая же проблема. По некоторым причинам файлы локализации "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"
    });
}