angularjs - "search"上的 Angular 数据表搜索过滤器按

Question

我正在使用带有 Angular 数据表的服务器端处理。无论如何要关闭搜索框中的自动过滤并使其仅在单击搜索按钮时进行搜索/过滤(对服务器端的ajax调用)。希望有 Angular 数据表经验的人可以提供帮助。

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