cell().data() 获取/设置被选择的单元格的数据

最低支持版本:DataTables 1.10


描述(Description)

通过使用 cell()API 对象调用,获取被选中单元格的数据,或者设置一个新新值给选择单元格。

注意这个方法设置的值会改变表格里的值,并更新数据源,但是他不会更新缓存里的数据(比如,搜索缓存和排序缓存),除非调用 draw()API 方法。 draw方法可以像jQuery的调用方式使用,比如table.cell( 0, 0 ).data( 'Updated' ).draw();

尽管这个方法设置之后,缓存数据在没有调用draw方法之前不会更新,但是单元格的内容会立马变化,因为它是用innerHTML方法实现数据插入的。

类型(Type)


function cell().data()

描述(Description):

获得选中的单元格数据

返回(Returns):

Any 单元格数据


function cell().data( set )

描述(Description):

给选中的单元格设置数据

参数(Parameters):

返回(Returns):

DataTables.ApiType

被选择单元格数据结果集的DataTables API 实例


例子(Example)

alert打印出点击单元格的值

1
2
3
4
5
var table = $('#example').DataTable();
 
$('#example tbody').on( 'click', 'td', function () {
    alert( table.cell( this ).data() );
} );

每点击一次单元格,让单元格里的值加1

1
2
3
4
5
6
7
var table = $('#example').DataTable();
 
$('#example tbody').on( 'click', 'td', function () {
    var cell = table.cell( this );
    cell.data( cell.data() + 1 ).draw();
    // note - call draw() to update the table's draw state with the new data
} );

相关属性(Related)

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

API

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

Translation from DataTables.net, with permission

百度站内搜索

Google站内搜索

赞助我们

赞助我们

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