Question

我正在ASP.NET MVC 5项目中使用Jquery Datatables v1.10。我在模型中有一个布尔字段，该字段在数据表中显示为复选框。我的问题是我希望它是true / false而不是复选框，以便我可以比较createdRow事件中的值，并根据布尔字段中的值将一些CSS分配给行。

我无法找出一种方法来获得对/错，而不是input type='checkbox' />作为数据。请输入任何内容。

$(document).ready(function () {
    $("#tableTest").dataTable({           
        "createdRow": function (row, data, dataIndex) {
            debugger;
            if (data[7] == "false") { 
               //instead of false I am getting <input class="check-box" disabled="disabled" type="checkbox">" here
                $(row).addClass('important');
            }
        }
    });
});

Answer 1

请勿为此使用createdRow回调。而是为相应的列配置render方法。最好配置所有列。

 $("#tableTest").dataTable({           
         columns: [
              null, // first column, nothing special configured
              null, // 2. column
              null, // 3.
              null, // 4.
              null, // 5.
              null, // 6.
              null, // 7.
              // eigth column (takes data from data[7]):
              {
                  render: function(data) {
                     if (data === false) {
                         return '<div class="important">false</div>';
                     }
                     else {
                         return '<div>true</div>';
                     } 
                  }
              }
         ]
    });

Answer 2

问题是我正在使用@Html.DisplayFor渲染返回复选框的布尔字段。删除它后，我就可以得到实际的对与错值。

将布尔列呈现为true / false

2 个答案: