獨立列過濾不保存下拉列表狀態jQuery

在頁面刷新時，應顯示下拉選定值，但不是在下拉列表中選擇所有值。

if ($("#tblcontracts") !== null) { 

    var tableContract = $('#tblcontracts').DataTable({ 
     "stateSave": true, 
     "order": [[0, "desc"]], 
     "language": { 
      "searchPlaceholder": "Search", 
      "lengthMenu": "Showing _MENU_ contracts", 
      "zeroRecords": "Sorry no contract(s) found", 
      "info": "Showing _START_ of _END_ of _TOTAL_ contracts", 
      "infoEmpty": "No contract(s) found", 
      "infoFiltered": "(filtered from _MAX_ total contracts)" 

     }, 
     initComplete: function() { 
      var ColumnNo = 0; 
      this.api().columns().every(function() { 

       if (ColumnNo == 0) { 
        var column = this; 
        var select = $('<select><option value="">---ALL---</option></select>') 
         .appendTo($(column.footer()).empty()) 
         .on('change', function() { 
          var val = $.fn.dataTable.util.escapeRegex(
           $(this).val() 
          ); 

          column 
           .search(val ? '^' + val + '$' : '', true, false) 
           .draw(); 
         }); 

        column.data().unique().sort().each(function (d, j) { 
         select.append('<option value="' + d + '">' + d + '</option>') 
        }); 
       }

來源

2016-03-08 Muhammad farhan

加載表格後，可以從表格狀態中讀取列搜索數據，然後從下拉列表中選擇適當的值。

在你initComplete回調，您可以將這樣的標記，您當前的過濾器相匹配的selected選項：

var filter = tableContract.state().columns[0].search.search; 

column.data().unique().sort().each(function (d, j) { 
    var selected = (d === filter) ? 'selected' : ''; 
    select.append('<option value="' + d + '" ' + selected + '>'+d+'</option>';) 
});

如果你有saveState設置爲true，tableContract.state().columns[0].search.search應包含欄搜索值0.

來源

2016-03-08 19:54:18 twernt

獨立列過濾不保存下拉列表狀態jQuery

回答

相關問題