cell().invalidate() 失效被选中单个单元格保持在DataTables内部数据中的数据

最低支持版本:DataTables 1.10


描述(Description)

DataTables为了提高表格某些操作,比如排序和搜索,把单元格的数据进行缓存。但如果你想修改一个单元格的内容(表格为DOM数据源)或者数组、对象的值(表格为AJAX/JS数组数据源), DataTables 是不会知道你做了修改。这个方法就是用来告诉DataTables重新从数据源读取数据。

cell().data()API row().data()API 两个方法可以修改单元格数据,相比下这两个方法比invalidate 更好,写更少的代码。但是invalidate方法最出色的是当表格的数据源是外部对象的时候,就可以用对象自己的方法来更新数据。

DataTables 1.10.4版本之前,这个方法会使整行失效,在1.10.4版本之后,这个方法只会让单元格失效。

类型(Type)


function cell().invalidate( [ source ] )

描述(Description):

使选定单个单元格的数据失效

参数(Parameters):

返回(Returns):

DataTables.ApiType

被选中单元格的Datatables API实例结果集


例子(Example)

使一个单元格里的内容+1然后使缓存的数据失效,然后重绘

1
2
3
4
5
6
var table = $('#example').DataTable();
 
$('#example tbody').on( 'click', 'td', function () {
    this.innerHTML = parseInt( this.innerHTML ) + 1;
    table.cell( this ).invalidate().draw();
} );

相关属性(Related)

下面的选项是直接相关的,也可能是您的应用程序的开发非常有用。

API

https://datatables.net/reference/api/cell().invalidate()

Translation from DataTables.net, with permission

百度站内搜索

Google站内搜索

赞助我们

赞助我们

您的支持,将是我们前进的最大动力……