刷新一个jQuery的dataTable

我有与渲染函数中的模板创建DataTable的行查看：刷新一个jQuery的dataTable

render: function(){ 

    this.collection.fetch({async:false}); 
    var tmpl = _.template(this.template); 
    var that = this; 
    _.each(this.collection.toJSON(), function(item) { 
     $(that.el).append(tmpl(item)); 
    }); 

    return this; 
},

这之后，我初始化数据表是这样的：

$("#idTable").dataTable();

我有另一种观点，修改/添加集合调用模型后，再次渲染该数据表的重绘。修改/添加的行在表格中正确显示，但如果使用分页或搜索框，修改/添加的行会消失并显示旧的行。

如何刷新数据表？

我发现只有这样：How do I tell dataTables to check for updated data in a backbone collection?，但我需要使用Undercore的模板创建数据表。

来源

2013-05-09 riccio82

这是之前回答的。尝试下面

http://datatables.net/forums/discussion/75/is-it-posible-to-refresh-table/p1

How to refresh jquery datatable after deleting a row

How to reload the datatable(jquery) data?

How can i refresh the datatable (jquery) after adding data to database with Spring MVC?

reload/refresh the dataTable

How to reload/refresh jQuery dataTable?

链接

How to refresh DataTables

来源

2013-05-09 17:01:42 Techie

我看过了，但大家都在谈论fnReloadajax。在我的情况下，它不，我猜是因为我使用下划线模板构建表格，而不是像这样：$（“＃example”）。dataTable（{“{”sTitle“：”Id“}）， { “sTitle”： “姓名”}]， “bProcessing”：真实， “bServerSide”：真实， “sAjaxSource”： '@ Url.Action（ “FetchData”， “家”）' ， “sPaginationType”：“full_numbers”， }）; – riccio82 2013-05-09 22:09:34

我通过删除每一次而不是仅仅是表来解决它，即使是在它周围创建jQuery的包装器div，每次都用新集合重新绘制整个表。

我发现这里的解决方案：How to refresh DataTables

If doing a complete reload of the whole table, wrap your initial datatables 
initialization code in a function. Call that function on page load. When replacing 
the table completely with ajax you likely should remove the table parent div that is 
created by plugin as a wrapper for all the non table DOm elements it creates. 
If table ID="example" , wrapper id="example_wrapper".

谢谢！

来源

2013-05-10 18:22:15 riccio82

刷新一个jQuery的dataTable

回答

相关问题