Ember.js Table 中的多项选择
Ember.js Multiple Selection in a Table
我是 Ember.js 框架的新手,我有一个问题,我需要在 table 中选择多个行。
我正在使用 jQuery Datatables,带有 Ember-Data,我需要有一个所选行的 ID,比如推送到数组和我不知道该怎么做。
对于多选,确保初始化 table 并将 select
选项设置为 "multi":
this.$("#myDT").DataTable({
select: "multi"
});
当您想获取所有选定行的列表时,使用 jQuery 选择器获取所有具有 selected
class 的行并获取它们的数据。在此示例中,ID 是数据中的第一列,因此 [0]
var selectedRows = Ember.$('#myDT tbody tr.selected');
var selectedIDs = [];
Ember.$.each(selectedRows, function (i, element) {
selectedIDs.push(table.row(element).data()[0]);
});
您可以阅读有关 DataTables API 的更多信息(如使用 row.data()
方法获取行数据,请点击此处:https://datatables.net/reference/api/
我是 Ember.js 框架的新手,我有一个问题,我需要在 table 中选择多个行。
我正在使用 jQuery Datatables,带有 Ember-Data,我需要有一个所选行的 ID,比如推送到数组和我不知道该怎么做。
对于多选,确保初始化 table 并将 select
选项设置为 "multi":
this.$("#myDT").DataTable({
select: "multi"
});
当您想获取所有选定行的列表时,使用 jQuery 选择器获取所有具有 selected
class 的行并获取它们的数据。在此示例中,ID 是数据中的第一列,因此 [0]
var selectedRows = Ember.$('#myDT tbody tr.selected');
var selectedIDs = [];
Ember.$.each(selectedRows, function (i, element) {
selectedIDs.push(table.row(element).data()[0]);
});
您可以阅读有关 DataTables API 的更多信息(如使用 row.data()
方法获取行数据,请点击此处:https://datatables.net/reference/api/