bootstrapSwitch开关组件在模态框动态加载问题(动态初始化开关状态)


 
//打开车辆操作模态框 加载开关数据
function control(id) {
    //通过uniqueId 获取行数据
    var rows = $('#vehicleInfoTab').bootstrapTable('getRowByUniqueId', id);

    $("#id").val(rows.id);
    $("#gpsNo").val(rows.gpsNo);
    //展示车辆操作模态框
    $('#controlModal').modal('show');
    $('#controlModal').on('shown.bs.modal', function () {
        //移动报警的开关switch
        $("#moveSwitch").bootstrapSwitch({
            onText: "开",      // 设置ON文本  
            offText: "关",    // 设置OFF文本  
            onColor: "success",// 设置ON文本颜色     (info/success/warning/danger/primary)  
            offColor: "danger",  // 设置OFF文本颜色        (info/success/warning/danger/primary)  
            size: "small",    // 设置控件大小,从小到大  (mini/small/normal/large)  
            handleWidth: "35",//设置控件宽度
            // 当开关状态改变时触发  
            onSwitchChange: function (event, state) {
                if (state == true) {
                    //开  <!--7:移位报警开;
                    var sCmdV = 7;
                    var gpsNo = $("#gpsNo").val();
                    $.post("/system/vehicle/sendCmd?gpsNo=" + gpsNo + "&cmd=" + sCmdV, function (data) {
                        if (data) {
                            // toastr.success("发送成功");
                            $('#vehicleInfoTab').bootstrapTable('refresh');
                        } else {
                            toastr.error("发送失败");
                        }
                    });
                } else {
                    //关  8:移位报警关-->
                    var sCmdV = 8;
                    var gpsNo = $("#gpsNo").val();
                    $.post("/system/vehicle/sendCmd?gpsNo=" + gpsNo + "&cmd=" + sCmdV, function (data) {
                        if (data) {
                            // toastr.success("发送成功");
                            $('#vehicleInfoTab').bootstrapTable('refresh');
                        } else {
                            toastr.error("发送失败");
                        }
                    });
                }
            }
        }).bootstrapSwitch('state',rows.move);//必须放在最后才能初始化值
 });
}

//效果图

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM