与 Kendo Observable Binding 一起使用时是否可以更改 Kendo Switch 标签？ [剑道-UI]

Question

<input id="switch" data-role="switch" data-bind="enabled: isEnabled, visible: isVisible, checked: isChecked, events: { change: onChange }" />

Switch value: <span id="span"></span>



<script>
  var obs = kendo.observable({
    isChecked: true,
    isEnabled: true,
    isVisible: true,
    onChange: function (e) {
      var value = e.checked ? "ON" : "OFF";
      document.getElementById("span").innerHTML = value;
    }
  });

  kendo.bind($("#switch"), obs);
</script>

这是我如何绑定 true 或 false 的值来显示剑道开关。

默认情况下，开关标签是“开”或“关”，我想分别将它们更改为“Y”或“N”。

我在这里添加了一个工作示例，以防有人想参考。

我曾尝试使用 css 覆盖，还尝试使用剑道移动开关来实现开关，但我需要使用可观察绑定。 我已在此处硬编码启用为 true，但在实际情况下，它与 json object boolean 值绑定，因此如果值更改，则使用更改方法进行更新。

Answer 1

将此添加到您的开关声明中：

data-messages="{ checked: 'Y', unchecked: 'N' }"

API 参考： https://docs.telerik.com/kendo-ui/api/javascript/ui/switch/configuration/messages

大多数剑道 API 文档示例都采用 jquery 插件语法，但也都适用于 mvvm 声明性语法。 只需在 html 中为选项添加“data-”前缀即可。