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);//必须放在最后才能初始化值
 });
}

//效果图

 

 
posted @ 2019-07-04 15:59  波神丶  阅读(1258)  评论(0编辑  收藏  举报