KendoUI系列：switch 开关

最新推荐文章于 2021-09-10 09:32:16 发布

飞鸟flyboy

最新推荐文章于 2021-09-10 09:32:16 发布

阅读量1.3k

点赞数

分类专栏： kendo 文章标签： Kendo switch

本文链接：https://blog.csdn.net/a5251199/article/details/78478428

版权

kendo 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个基于 Kendo UI 的开关控件实现方法，包括如何通过 JavaScript 监听开关状态变化，并触发 AJAX 请求更新服务器状态。文章还展示了如何初始化 Kendo 移动应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开关位置

    <input data-role="switch" id="switch_"
                        type="checkbox" checked
                        alt="111"
                        data-change="lock" />

所调用函数

 function lock(e) {
       
        //alert(e.sender.element.context.alt);
        alert(e.sender.element.context.checked);
        
        通过ff。debug，查看e的参数情况，需要将id保存到alt属性中
        //var XS_ID = e.sender.element.context.alt;
        //$.ajax({
        //    type: "post",
        //    url: "/xs_article/lock/",
        //    dataType: "text",
        //    data: { XS_ID: XS_ID },
        //    processData: true,
        //    success: function (data) {
        //        if (data == "1") {
        //            //alert("成功");
        //        } else {
        //            //alert("失败:" + data);
        //        }

        //    }

        //});

    }

也尾加载kendo 创建控件

<script>
    var app = new kendo.mobile.Application(document.body, { skin: "nova" });

</script>