通过代码控制切换KendoSwitch时,标签未同步变更
KendoSwitch调用check(false)后标签未切换的解决方案
- 先确认Switch初始化时是否配置了
messages参数,明确On/Off的标签文本。如果没配置,check()方法可能无法触发标签更新:
$("#KendoDemo").kendoSwitch({ messages: { on: "On", off: "Off" } });
- 替换
check()方法为value(),这个方法会同步更新组件状态和UI标签:
var thatSwitch = $("#KendoDemo").data("kendoSwitch"); thatSwitch.value(false);
- 如果状态已更新但UI未同步,调用
refresh()强制组件重新渲染:
var thatSwitch = $("#KendoDemo").data("kendoSwitch"); thatSwitch.check(false); thatSwitch.refresh();
- 排查是否有自定义CSS覆盖了Switch的标签文本,通过浏览器开发者工具检查
.k-switch-on、.k-switch-off元素的文本内容是否正确。
内容的提问来源于stack exchange,提问作者LittleB
相关产品推荐
相关产品推荐

