filering PrimeUI datatable

Question

有誰知道如何過濾PrimeUI數據表??我使用的角度和PrimeUI，在HTML我有，根據它，我想我過濾的數據表

$('#table').puidatatable({ 
     caption: 'my tbl', 
     paginator: { 
      rows: 9 
     }, 
     columns: [ 
      {field:'name', headerText: 'name', sortable:true} , 
      {field:'age', headerText: 'age', sortable:true}, 
      {field:'id', headerText: 'ID', sortable:true} 
     ], 
     datasource: myarray   
     , 
     selectionMode: 'single', 
     rowSelect: function(event, data) { 
      some code    
     }}); 
    $('#messages').puigrowl(); 

，並在我的HTML文本字段：

<input id="basic" name="basic" type="text"/> 

Answer 1

由於這一刻，過濾不可用於PrimeUI Datatable。它在頁面上的任何地方都沒有提及。我建議你考慮其他 - options。

Answer 2

由於不支持過濾Prime UI數據表，但仍然可以從服務器端過濾數據表，就像我已經使用自定義搜索實現了主要ui數據表一樣。我送來自搜索領域的一個參數，如果是空的我返回所有的數據，如果搜索提交包含一些數據我返回過濾後的數據，雖然這個我實現過濾功能

<!--input filed for search --> 
    <input type="text" name ="abc" id="input-filter" onkeypress="javascript:gridSearch();"/> 

function searchToJSON(){ 
    return JSON.stringify({ 
     "input-filter": document.getElementById('input-filter').value, 
     }); 
} 


gridSearch = function() {  
     var searchUrl= 'searchUrl'; 
     $('#table').puidatatable({ 
     lazy: true, 
     paginator: { 
      rows: 5 
     }, 
     columns: [ 
      {field:'abc', headerText: 'abc', sortable:true}, 
      {field:'xyz', headerText: 'xyz', sortable:true} 
     ], 
     datasource: function(callback) { 
      $.ajax({ 
       type: "POST", 
       url: searchUrl, 
       datatype : "application/json", 
       contentType: "application/json", 
       data:searchToJSON(), // supply json fields and return filtered data from server accoring to your requirements 
       context: this, 
       success: function(response) { 
        callback.call(this, response.data); 
       } 
      }); 
     }   , 
    }); 
};