页脚数据表中的复选框,当选中一个时会更新

时间:2019-04-26 10:28:00

标签: datatables

我们有一个(复杂的)数据表。在页脚中,我们在两个列中显示一个选择框,您可以在该列中选择一(1)个结果。 (有关选择框的示例,请参见https://pasteboard.co/IbUgpB0.png

现在,我们想将该选项更改为多个复选框,以便我们可以选择多个结果或仅排除一个选项。

如果结果中的名称为“ 1、2、3、4、5、6”,则现在只能选择其中之一。需要的是选择“两个,三个,四个和六个”的选项,然后需要更新请求。我认为多个复选框是最好的结果,但我已经搜索并尝试了很多,但未找到任何结果。

initComplete: function (settings, json) {
   this.api().columns([1,2]).every( function () {
    column = this;
    var select = $('<select><option value=""></option></select>')
           .appendTo( $(column.footer()).empty() )
           .on( 'change', function () {
              var val = $.fn.dataTable.util.escapeRegex($(this).val());
              column.search( this.value ).draw();
       });
     if (column[0] == 1) {
           for (item of json.list_code) {
                select.append( '<option value="'+item+'">'+item+'</option>');
           }
     }
     if (column[0] == 2) {
           for (item of json.list_status) {
                 select.append( '<option value="'+item+'">'+item+'</option>');
           }
     }
  });
}

0 个答案:

没有答案