Question

我在我的数据表的第一列（零）中放置了一个复选框。当用户选择该行时，复选框会切换图标，表示该行已被选中。

＆＃13;

tr td:first-child {
  text-align: center;
}
tr td:first-child:before {
  content: "\f096";
  /* fa-square-o */
  font-family: FontAwesome;
}
tr.selected td:first-child:before {
  content: "\f046";
  /* fa-check-square-o */
}

＆＃13;

下一个阶段是捕获行中的另一个字段，然后触发点击事件，这就是我遇到的问题。我使用DataTables.net 1.9.4

使用服务器端处理

过去，我使用过这种方法：

＆＃13;

 "fnRowCallback": function(nRow, aoData) {
                 $('td:eq(0)', nRow).html('<a class="btn btn-default" data-container="body" data-toggle="tooltip"' +
                       ' onclick="ViewMessage(\'' + aoData[9] + '\');">' + "View" + '</a>');
}

＆＃13;

但是，我更喜欢使用FontAwesome图标。

更新

好的，按照建议，我在主DataTable之外创建了另一个函数：

＆＃13;

$("#tblMessageDate").on("click", "tr", function () {

    var iPos = oMessageDate.fnGetPosition(this);

    var aData = oMessageDate.fnGetData(iPos);

    var id = aData[9];

    ViewMessage(id);
});

＆＃13;

这现在有效，如果我选择行中的任何列，就会触发ViewMessage函数。但是，这并不会将图标替换为选中的图标。但是，我仍然在第一列（零）中有图标。这很有效。那么，如何使用上述函数限制仅列0的选择？

FontAwesome在DataTables.net的第一列

0 个答案: