Bootstrap Switch状态不起作用?

时间:2015-07-09 11:50:58

标签: javascript jquery html5 twitter-bootstrap bootstrap-switch

切换状态对数据表不起作用:我已经检查了html字符串中的开关并取消选中了DB值。它不适用于其他部分只显示有效/已检查的开关,但未显示未经检查的女巫状态...请检查我的情况是否有错....尽快......问候....

$.each(checkUser, function(index, act){
                                console.log(act.accountEnabled);
                                **if(act.accountEnabled){   
                                     enableDisable = " <input id='switch-user' name='switch-user' type='checkbox' checked data-size='mini' data-on-label='Enable' data-off-label='Disable'>";

                                } else{
                                    enableDisable = " <input id='switch-user' name='switch-user' type='checkbox' data-size='mini' data-on-label='Enable' data-off-label='Disable'>";**

                                }
                                console.log(enableDisable);
                            }); 

var userData = data.users;
        var dataSet = [];
        $.each(userData, function(index, user){
            dataSet.push([
                user.name,
                user.userId,
                user.creationTime,
                user.accountEnabled,
                user.roleName,
                userActions,
                enableDisable
            ]);
        });


        var oTable = $('table#user-datatable').dataTable( {
            "data": dataSet,
            "bFilter": false,
            "bLengthChange": false,
            "bPaginate": false,
            "bInfo": false,
            "columnDefs": [ 
                { "targets": 5, "orderable": false, "width": "180px" },
                {"targets": 6, "orderable": false, "width": "60px" }

            ],
            "tableTools": {
                "sRowSelect": "single"
            },
            "columns": [
                { "title": "Name" },
                { "title": "UserId" },
                { "title": "CreationTime"},
                { "title": "Account Enabled" },
                { "title": "Role" },
                { "title": "Action"},
                {"title" : "Enable/Disable"}
            ],
            "fnInitComplete" : function(settings, json){
                $("input#switch-user").bootstrapSwitch();
            }
        });

1 个答案:

答案 0 :(得分:0)

var userData = data.users;
        var dataSet = [];
        $.each(userData, function(index, user){
            if(user.accountEnabled){   
                                     enableDisable = " <input id='switch-user' name='switch-user' type='checkbox' checked data-size='mini' data-on-label='Enable' data-off-label='Disable'>";
                                } 
                                else{
                                    enableDisable = " <input id='switch-user' name='switch-user' type='checkbox' data-size='mini' data-on-label='Enable' data-off-label='Disable'>";**
                                }
            dataSet.push([
                user.name,
                user.userId,
                user.creationTime,
                user.accountEnabled,
                user.roleName,
                userActions,
                enableDisable
            ]);
        });