我有一个包含 36000 个条目的 SQL 表要显示在数据表列表中。 分页效果很好,因为我是这样开发的:
var table = $('.datatable').DataTable({
pageLength : 20,
lengthChange : false,
processing : true,
serverSide : true,
ajax : {
url :"ajax.php",
type: "post",
}
});
在我的文件 ajax.php 中,我只是根据页码设置的限制回显我的行(JSON 编码)。
问题是 native 过滤和搜索不再起作用。 当我想过滤列时,“处理”层出现,然后消失,但我的数据仍然相同。 当我想通过表格进行研究时,什么也没有发生。
所以,这是我的问题:
- 如何恢复搜索和过滤?
- 如何过滤和搜索所有行(不仅仅是显示的行)?对于 Ajax,是的,但是在 Jquery 中如何呢?
提前致谢
编辑: 感谢 Abdul Rehman Sayed,我成功完成了搜索部分。 这是我所做的:
var table = $('.datatable').DataTable({
pageLength : 20,
lengthChange : false,
processing : true,
serverSide : true,
ajax : {
data : function(d) {
d.searching = get_search($('.datatable'));
},
url :"ajax.php",
type: "post",
},
searching : false,
});
$('.datatable thead th').each(function() {
var title = $(this).data('name');
$('.datatable').find('tfoot tr').append('<td><input type="text" name="'+title+'"/></td>');
});
table.columns().every(function() {
var that = this;
$('input', this.footer()).on('keyup', function(e) {
that.search(this.value).draw();
}
});
function get_search(datatable) {
var result = [];
datatable.find('tfoot').find('input').each(function() {
result.push([$(this).attr('name'), $(this).val()]);
});
return result;
}
为了过滤,我开发了一个丑陋的代码:
$('.datatable').find('th').click(function() {
var item = $(this);
removeClasses($('.datatable'), item.index());
if(item.hasClass('sorting_asc')) {
item.removeClass('selected_asc').addClass('selected_desc');
} else {
item.removeClass('selected_desc').addClass('selected_asc');
}
});
function get_sorting(datatable) {
var result = false;
datatable.find('th').each(function() {
var item = $(this);
var name = item.data('name');
if(item.hasClass('selected_asc')) {
result = name+' ASC';
} else if(item.hasClass('selected_desc')) {
result = name+' DESC';
} else {
// continue
}
});
return result;
}
function removeClasses(datatable, index) {
datatable.find('th').each(function() {
if($(this).index() !== index) {
$(this).removeClass().addClass('sorting');
}
});
}
最佳答案
您必须在服务器端完成所有搜索和过滤。
对于搜索/过滤器或页面的每个请求,数据表将所有这些作为表单数据传递到服务器页面。 请参阅https://www.datatables.net/manual/server-side
您必须使用此表单数据对 sql 表上的记录进行过滤/搜索/分页,并将其相应地传递给客户端。
数据表仅显示它从服务器获取的内容。
关于jQuery 数据表 : Searching and filtering with Ajax pagination,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32438702/