{hero}

选择

自:Select 1.0.0

项目(行、列或单元格)已选择。
需要注意的是 - 此属性需要 Select 作为 DataTables 的扩展。

说明

此事件会在 DataTables 中选择项目(行、列或单元格)时触发,并提供已选择项目的相关信息。

需要注意的是,出于性能原因,每个选择操作只触发一个事件。结果是,如果在单次操作中选择多个项目(例如,在 os 选择样式中按 Shift 点击),则不会为每个选定的项目添加自己的事件,而是通过数组传达所选项目的相关信息。

此外,与所有 DataTables 发出的事件一样,此事件会使用 dt 名称空间触发。因此,要聆听此事件,还必须使用 dt 名称空间,只需将 .dt 附加到事件名称即可(在使用 on()one() 时自动完成此操作)。

类型

函数 函数 (e, dt, type, indexes)

参数

示例

当行被选中时从行中获取数据

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

table.on('select', function (e, dt, type, indexes) {
	if (type === 'row') {
		var data = table
			.rows(indexes)
			.data()
			.pluck('id');

		// do something with the ID of the selected items
	}
});

当一个项目被选中时添加自定义类

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

table.on('select', function (e, dt, type, indexes) {
	table[type](indexes)
		.nodes()
		.to$()
		.addClass('custom-selected');
});