与 Kendo Observable 绑定一起使用时是否可以更改 Kendo 开关标签？ [Kendo-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 的值以显示 kendo 开关。

开关标签默认是“开”或“关”，我想分别改成“Y”或“N”

https://dojo.telerik.com/uDiGifEm我在这里添加了一个工作示例，以防有人想参考。

我尝试使用 css 覆盖，也尝试使用 kendo 移动开关 来实现开关，但我需要使用 observable捆绑。我在这里硬编码启用为真，但在实际情况下它与 json 对象布尔值绑定，因此如果值更改，则使用更改方法进行更新。

Answer 1

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

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

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

大多数 kendo API 文档示例都采用 jquery 插件语法，但也都适用于 mvvm 声明性语法。只需在 html.

中用“data-”作为选项前缀

与 Kendo Observable 绑定一起使用时是否可以更改 Kendo 开关标签？ [Kendo-UI]

Is it possible to change Kendo Switch Labels when using it with Kendo Observable Binding? [Kendo-UI]

javascript

jquery

kendo-ui