在jquery datatables.net中呈现布尔数据列的最佳方法

时间:2014-12-03 15:56:27

标签: jquery json datatable jquery-datatables

我正在使用datatables.net数据网格jquerybootstrap。我有一大块JSON数据,其中包含一些布尔列,并希望将一个数据表列呈现为已选中或未选中的复选框(当然所有都带有引导样式)。最简单/最快的是这样做?

2 个答案:

答案 0 :(得分:20)

我回答了我自己的问题:-)它实际上很简单:

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

var setup_datatable = function () {
    $('#data-table').DataTable({
        "columns": [
            { "data": "id", "className": "text-center"},
            { "data": "keywords"},
            { "data": "platform"},
            { "data": "is_active", "render": simple_checkbox},
            { "data": "is_terminated", "render": simple_checkbox}
        ],
        "ajax": "/data"
    }); // DataTable

}

答案 1 :(得分:2)

添加已禁用的类将删除页面上的功能但保持外观。

var simple_checkbox = function (data, type, full, meta) {
             var is_checked = data == true ? "checked" : "";
             return '<input type="checkbox" **class="checkbox disabled"** ' +
                 is_checked + ' />';
         }