row()。data()

自：DataTables 1.10

获取/设置选中行的 data。

说明

此方法用于使用 row() selector 获取的行的数据。可用于获取现有 data，或设置用于此行的 new data。

请注意，当用作 setter 时，此方法会设置要应用于表格的 data，但在调用 draw() 方法之前不会更新表格的内部数据缓存。只需作为 row().data() 方法返回对象的链式方法即可 - 例如 table.row( 0 ).data( newData ).draw();。这样做是为了便于对表格进行轻松优化，在重新绘制表格之前可应用连续的更新操作。

类型

function row().data()

说明: 获取选中行的 data
返回: array, object

行 data 源的数据源对象。如果您使用 DOM 源数据，这将是一个数组；否则，这是一个用于填充表格数据的数组/对象/实例。

function row().data( d )

说明

设置选中行的 data

参数

	名称	类型	可选值
1	`d`	`array`, `object`	否
	用于此行的 data。这可能是一个数组、对象或 Javascript 对象实例，但必须与表格中的其他 data 采用相同格式（即，如果表格使用对象，请在此处传递一个对象！）。

返回

DataTables.Api

具有从结果集中通过 selector 检索的行的数据表 API 实例。

示例

单击时获取单个行的 data

var table = new DataTable('#myTable');

$('#example tbody').on('click', 'tr', function () {
	console.log(table.row(this).data());
});

单击某一行时增加计数器

var table = new DataTable('#myTable');

$('#example tbody').on('click', 'tr', function () {
	var d = table.row(this).data();

	d.counter++;

	table
		.row(this)
		.data(d)
		.draw();
});

// Note that row().invalidate() could also be used for this example case

更新表格中的所有行，仅在完成时重新绘制

var table = new DataTable('#myTable');

table.rows().every(function () {
	var d = this.data();

	d.counter++; // update data source for the row

	this.invalidate(); // invalidate the data DataTables has cached for this row
});

// Draw once all updates are done
table.draw();

row()。data()

说明

类型

function row().data()

function row().data( d )

示例

相关

DataTables