1

我正在使用数据表和引导开关插件来启用和禁用用户。当我单击开关时，我通过 ajax 调用 Web 服务，而我的其余 Web 服务将用户的状态切换到数据库。问题是知道从数据表行中选择了哪个用户并将其传递给我的网络服务。这是表初始化：

if ( ! $.fn.DataTable.isDataTable( '#usersTable' ) ) {
        userTable = $('#usersTable').DataTable({
            responsive: true,
            //disable order and search on column
            columnDefs: [
                         {
                             targets: 1,
                             orderable: false,
                             searchable: false,
                         }
                         ],
            //fix problem with responsive table
            "autoWidth": false,
            "ajax": "table",
            "columns": [
                        { "data": "username" },
                        { data: "enabled", render: function ( data, type, row ) {
                            if (data) {
                                return '<input data=data=row.username type="checkbox" name="my-checkbox" checked>';
                            }
                            else {
                                return '<input data=data=row.username type="checkbox" name="my-checkbox">';
                            }
                        }   
                        },
                        { "data": "role.role"},
                        { "data": "clientVersion.name" },
                        {
                            data: null,
                            className: "center",
                            defaultContent: '<button type="button" class="btn btn-danger" id="deleteLicense" data-toggle="modal" th:attr="data-href=${license.idClientLicense}" data-target="#deleteLicenseModal">Delete</button>'
                        }
                        ],
                        "fnDrawCallback": function() {
                        //Initialize checkbos for enable/disable user
                        $("[name='my-checkbox']").bootstrapSwitch({size: "small", onColor:"success", offColor:"danger"});
                        //$('#toggleChecked').bootstrapSwitch({size: "small", onColor:"success", offColor:"danger"});
                        }
        });
    }
    else {
        userTable.ajax.url("table").load();
    }

这是引导开关事件：

$('#usersTable').on('switchChange.bootstrapSwitch', 'input[name="my-checkbox"]', function(event, state) {
        //CSRF attribute for spring security
        var token = $("meta[name='_csrf']").attr("content");
        var header = $("meta[name='_csrf_header']").attr("content");
        $.ajax({
            type : "POST",
            url : "status/" + //username setted above,
            beforeSend:function(xhr) {
                xhr.setRequestHeader(header, token);
            },  
//          all right with rest call
            success : function(data) {  
//              No exception occurred
                if (data.status==true){ 
//                  Also the field are right(for e.g. form value)
                    if(data.success==true){


                    }
                    else{
//                      code if there are some error into form for example
                    }
                } else {
//                  code exception
                    notifyMessage(data.result, 'error');
                }
            },
//          error during rest call
            error : function(data) {
                window.location.href = "/ATS/500";
            }
        });
    });

我想在构建过程中将用户名设置为引导开关的字段，但如何？我应该做这样的事情：

if (data) {
    return '<input value=username type="checkbox" name="my-checkbox" checked>';

但它不起作用，因为设置用户名而不是从 ajax 调用返回的值。你能帮助我吗？

4

1 回答 1

2

我用这段代码解决了（我希望它对某人有用）

{ data: "enabled", render: function ( data, type, row ) {
    if (data) {
        return '<input data="'+row.username+'" type="checkbox" name="my-checkbox" checked>';
    }else {
        return '<input data="'+row.username+'" type="checkbox" name="my-checkbox">';
    }
}

然后我得到了价值$(this).attr('data')

于 2016-02-08T09:44:57.470 回答