我正在使用数据表,我正在显示 multiple searches .
我是 displaying records 喜欢
Selectsearch 1 | Selectsearch 2
id | Name | Mobile | Email | Action
1 | abc | 1234567887 | abc@gmail.com | image icon
2 | qwe | 1234563423 | zxc@gmail.com | image icon
选择搜索1用于电子邮件搜索,选择搜索2用于操作 .
email search is working perfectly 因为我得到了正确的下拉列表
abc@gmail.com
zxc@gmail.com
但是动作搜索不起作用,因为我没有得到正确的下拉列表 . 我变得喜欢
cancel">cancel
new">new
我的动作代码就像
<a href="javascript:void(0);" class="s_icon_set tooltip_ cancel"><img src="'.base_url('/assets/images/icons/cancel.png').'"><span class="tooltiptext_">Cancel</span></a>
<a href="javascript:void(0);" class="s_icon_set tooltip_ cancel"><img src="'.base_url('/assets/images/icons/cancel.png').'"><span class="tooltiptext_">new</span></a>
下面是带搜索的数据表代码
$('#report_list').DataTable({
initComplete: function () {
this.api().columns("4").every( function () {
var column = this;
var select = $('<select><option value="">All</option></select>')
.appendTo( $("#status_menu_placeholder").empty() )
.on( 'change', function () {
var val = $.fn.dataTable.util.escapeRegex(
$(this).val()
);
column
.search( val ? '^'+val+'$' : '', true, false )
.draw();
} );
column.data().unique().sort().each( function ( d, j ) {
select.append( '<option value="'+d+'">'+d+'</option>' )
} );
} );
this.api().columns("5").every( function () {
var column = this;
var select = $('<select><option value="">All</option></select>')
.appendTo( $("#select_filter_emp").empty() )
.on( 'change', function () {
var val = $.fn.dataTable.util.escapeRegex(
$(this).val()
);
column
.search( val ? '^'+val+'$' : '', true, false )
.draw();
} );
column.data().unique().sort().each( function ( d, j ) {
select.append( '<option value="'+d+'">'+d+'</option>' )
} );
} );