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" >

演示 - ＆gt;的 http://plnkr.co/edit/afMNeuUbwolGPffTdson?p=preview

角度数据表搜索过滤器＆＃34;搜索＆＃34;按

1 个答案: