将布尔列渲染为 true/false

Question

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

我无法找到获取 true/false 而不是 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 作为值。

将布尔列渲染为 true/false

Render boolean column as true/false

asp.net-mvc

datatables

datatables-1.10