当使用剑道可观察绑定时,是否可以更改剑道切换标签?[剑道UI]


<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〃;分别

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

我尝试过使用css进行覆盖,也尝试过使用剑道移动交换机来实现交换机,但我需要使用可观察绑定。我在这里已经将其硬编码为true,但在实际场景中,它与json对象布尔值绑定,因此如果值发生更改,则使用change方法进行更新。

将其添加到交换机声明中:

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

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

大多数kendo API文档示例都使用jquery插件语法,但也都使用mvvm声明性语法。只需在选项前面加上";数据-";在您的html中。

最新更新