Question

我正在使用json数据加载y jquery数据表

$.each(data.myobjects, function( intIndex, user ){
    $('#myTable').dataTable().fnAddData([ user.Name,user.superAdmin,user.LUA]);
});

列superAdmmin和'LUA`是复选框列

根据数据，我想将checked设置为true，否则为false。

json字符串中这两列的数据设置为true或false

已定义复选框

"aoColumnDefs": [
                {
                    "aTargets": [2],
                    "mRender": function (data, type, full) {
                            return '<input type=\"checkbox\" class="checkSuperAdmin">';
                    }
                },
                {
                    "aTargets": [3],
                    "mRender": function (data, type, full) {
                            return '<input type=\"checkbox\" class="checkLUA">';
                    }
                }

Answer 1

我认为您可以使用data设置检查状态，如

return '<input type=\"checkbox\" class="checkLUA" ' + (data[1] ? 'checked' : '') + '>';

Answer 2

这可以通过两种方式完成：

（1）在mRender中，您可以检查数据并根据数据条件编写HTML。

 return '<input type=\"checkbox\" class="checkLUA" '+(data[1] ? 'checked' : '')+'>'

（2）

 rowCallback: function ( row, data ) {
    // Set the checked state of the checkbox in the table
    $('input.editor-active', row).prop( 'checked', data.active == 1 );
    }

将类似编辑器的类名放入复选框...在渲染每一行后将调用rowCallBack函数。在检查渲染数据之后，下面的代码将检查复选框

$('input.editor-active', row).prop( 'checked', data.active == 1 );

使用json在jquery数据表中设置复选框

2 个答案: