jQuery DataTable完全匹配

时间:2016-04-19 14:12:30

标签: javascript jquery search datatables

我有这个jQuery数据表:

 var $dataTable = $('#example1').DataTable({
   "ajax": serviceUrl,
   "iDisplayLength": 25,
   "order": [[ 2, "asc" ]],
   "scrollY": 600,
   "scrollX": true,
   "bDestroy": true
});

当用户在下拉列表中选择一个选项时,我也会发生此更改事件:

 $('#serviceload').on('change',function()
 {
   $dataTable.columns(1).search( this.value ).draw();
 });

我需要能够改变CHANGE事件,以便在DataTable中搜索下拉列表中的完全匹配。

例如,v有2个名为SERV和SERV_ONE的服务。在下拉列表中,SERV和SERV_ONE都可供用户选择,但如果用户选择SERV,则SERV的数据表过滤器还会显示SERV_ONE的记录。但是当选择SERV_ONE时,DataTable只显示SERV_ONE的记录。

1 个答案:

答案 0 :(得分:1)

请参阅this example以正确使用下拉过滤器。

$('#serviceload').on('change keyup', function(){
   var val = $.fn.dataTable.util.escapeRegex($(this).val());
   $dataTable
     .columns(1)
     .search( val ? '^' + val + '$' : '', true, false )
     .draw();
});