如何使用 jQuery Datatables 插件从数据库动态绑定复选框值

Question

我正在使用jQuery DataTables 插件来显示数据。在这里，我有一个带有复选框的列，应该根据数据库中的值选中或取消选中，即如果来自 db 的值是 true，则应该选中复选框，如果来自 db 的值是 false，则应该取消选中复选框。

这是我迄今为止尝试过的。

table = $("#dataTableMenuRole").dataTable({
        "ajax": {
            "url": "@Url.Action("LoadGridView", "MenuSettings")",                
            "method": "POST",
            "dataType": "json",
            "data": function (d) {
                d.roleId = $("#ddlRoles").val()
            }
        },
        columns: [
            { "data": "MenuName" },
            { "data": "CanAdd" }               

        ],            
        "bProcessing": true,
        "aoColumnDefs": [{
            "targets": 1,
            "bSortable": false,
            "mRender": function (data, type, full, meta) {
                return '<input type="checkbox" class="minimal" checked="'+data+'"/>'
            }
        }]
    });

从 db 返回的 JSON 是

{"data":[{"MenuName":"Roles","CanAdd":true},{"MenuName":"Menu","CanAdd":true},{"MenuName":"ServiceTax","CanAdd":false}]}

Answer 1

原因

尽管data 中有值，您仍定义checked 属性，并且复选框将始终被选中。

解决方案

请改用以下代码：

"mRender": function (data, type, full, meta) {
    return '<input type="checkbox" class="minimal"' + (data ? ' checked' : '') + '/>';
}

演示

有关代码和演示，请参阅this jsFiddle。