“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