带有标题和行中复选框的Jquery数据表:选中所有复选框不起作用
我正在使用Jquery Datatable
。 我希望第一列包含标题和带复选框的行,并且应该选中标题复选框和剩余行的复选框。 我有以下实施。
数据表属性
"aoColumns": [{ "sTitle": "", "mDataProp": null, "sWidth": "20px", "sDefaultContent": "", "bSortable": false },null,null,null,null,null,null]
数据表行
Javascriptfunction
function toggleChecks(obj) { $('.case').prop('checked', obj.checked); }
我在单页时工作正常。 但是当我进行分页时,其他页面的复选框仍未选中。 如何实现这一点,使所有复选框的行为一致。 请协助。
我做过类似的事情,
$('#selectall').change(function() { var isSelected = $(this).is(':checked'); if(isSelected){ $('.case').prop('checked', true); }else{ $('.case').prop('checked', false); } });
准备好文件。
伙计们,
有类似的问题需要快速解决。
为这个问题做了一个解决方法,可能对某人有所帮助:
当我动态地为表格提供一些数据:
oTable1.fnAddData ([ "", title, modified, version ] );
注意复选框的范围。 这显然是隐藏的,可以轻松访问。
您应该使用函数fnDrawCallback在页面更改时更新表。
您可以在此函数中检查标题复选框的值并更新新行复选框。
您还可以向模型中的对象添加布尔值,并在选中或取消选中时更改该值。 如果您访问模型,则可以修改所有元素的值,而不仅仅是已渲染的元素。 然后,当您加载单元格时,使用复选框表示true / false。 这是最一致的方法,但可能需要做更多的工作才能在模型和视图之间获得良好的同步。