在 Web 应用程序中使用 Kendo UI 开关

Posted 2023-05-07

【中文标题】在 Web 应用程序中使用 Kendo UI 开关

【英文标题】：Use Kendo UI switch in a web application

【发布时间】：2014-09-19 21:50:34

【问题描述】：

我正在尝试使用 Kendo 移动小部件 - 在我的 Web 应用程序中切换如下：

<input id="btnConvert" type="checkbox" onclick="onChange();" />

 $(document).ready()
            
        $("#btnConvert").kendoMobileSwitch(
            onLabel: "UK",
            offLabel: "US"
        );        
    
    function onChange(e) 
        alert(e.checked);//true of false
    

但它没有触发点击事件。我尝试了同样不起作用的 onchange 事件。

我也试过了

    $('input:checkbox').change(function () 

但没有成功...

【参考方案1】：

在switch 定义中定义一个change 处理程序事件。

$("#btnConvert").kendoMobileSwitch(
    onLabel: "UK",
    offLabel: "US",
    change : function (e) 
        alert("You changed the value");
    
); 

请参阅文档here。

【讨论】：

您好 OnaBai，非常感谢您的回答。我关注了你的许多答案，而且你的名字在 *** 上很受欢迎......

我几周前发布了另一个未解之谜：***.com/questions/24166750/…，我还没有找到解决方案...

你能在 JSFiddle 中重现它吗？似乎与事情发生的顺序有关（第一次绘图和容器大小）