我在一个项目中工作,我想在要显示的数据中添加网格类型工具。
为此,我使用了 jquery 的 Datatable 插件。
它运行良好且完美。
我唯一担心的是,每当我尝试从服务器(通过 Ajax)获取更新的表格时,数据表都会失去其功能。我的意思是每当我从服务器加载新表时,它都会以正常模式显示。
为此,我必须添加如下代码:
$.ajax({
url: "<GIVE_ME_NEW_TABLE>",
type: "POST",
data: <THE_DATA_TO_BE_POSTED>,
success: function(data){
//data is fully prepared HTML string for representing the table
$('#id_of_the_div_where_to_show_the_table').html(data);
$('#id_of_the_table').dataTable({
"bJQueryUI": true
});
},
error : function(){
//alert error
}
});
所以这将在每次更新表的 Ajax 调用时调用。
最佳答案
或者,您可以通过 sAjaxSource
参数将 DataTables 连接到 ajax 数据源。您需要修改服务器端脚本以返回正确的响应。参见 ajax arrays和 ajax objects DataTables 文档中的示例。
$(document).ready(function() {
var oTable = $('#example').dataTable( {
"bProcessing": true,
"sAjaxSource": "/yoursite/ajaxTableDataSource",
} );
} );
关于javascript - jquery 中的数据表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11389560/