「search」上的角度數據表搜索過濾器按

Question

我正在使用角度數據表進行服務器端處理。無論如何，在搜索框中關閉自動過濾功能，並且只有在單擊搜索按鈕時才能搜索/過濾（ajax調用服務器端）。希望有人在角度數據表中的經驗可以幫助。

Answer 1

可以在4個步驟執行此操作：

• 解除綁定使用默認的搜索框
• 未來添加新的搜索按鈕，搜索框相關聯的所有事件處理程序
• 包括一個DataTable指令實例（ dtInstance）
• 執行經由dtInstance搜索點擊了新的搜索按鈕時

使用initComplete回調進行修改，例如：

$scope.dtOptions = DTOptionsBuilder.newOptions() 
    //other options 
    .withOption('initComplete', function() { 
    $('.dataTables_filter input').unbind(); 
    $('<button/>').text('search').attr('id', 'new-search').appendTo('.dataTables_filter'); 
    $('#new-search').on('click', function() { 
     $scope.dtInstance.DataTable.search($('.dataTables_filter input').val()).draw(); 
    }) 
    }) 

包括指令實例

$scope.dtInstance = {}; 

<table datatable dt-options="dtOptions" dt-columns="dtColumns" dt-instance="dtInstance" > 

演示 - >http://plnkr.co/edit/afMNeuUbwolGPffTdson?p=preview