Addepar Table Emberjs 行选择
Addepar Table Emberjs Row Selection
我是 emberjs 的新手,刚开始使用 addepar table。我需要在单击 table 中的一行时添加我自己的自定义。有人可以告诉我如何覆盖 addpar table 的默认 click/or 行选择操作吗?
我正在尝试通过单击一行中任意列的行来调用新路由。根据所选行呈现新路线。比如显示记录的摘要和详细信息。 Addepar table 显示记录摘要列表,单击一行显示详细信息。
请告诉我自定义点击整行选择的步骤。
谢谢,
eskarthick
为此,您扩展 Ember Table 并覆盖行视图。行视图设置在这里,默认为 Ember.Table.TableRow
:
https://github.com/Addepar/ember-table/blob/master/src/component.coffee#L119
结果将如下所示:
App.MyTableComponent = Ember.Table.EmberTableComponent.extend({
tableRowView: 'App.MyTableRow'
});
App.MyTableRow: Ember.Table.TableRow.extend({
click: function() {
// Handle click
}
});
这假设您真的很关心点击事件。相反,如果您只想对选定的行(或选定的行)执行某些操作,则应使用 Ember Table API 的 selection
输出和在其周围添加 computed properties/observers 。请参阅文档:
http://addepar.github.io/ember-table/#/ember-table/documentation
我是 emberjs 的新手,刚开始使用 addepar table。我需要在单击 table 中的一行时添加我自己的自定义。有人可以告诉我如何覆盖 addpar table 的默认 click/or 行选择操作吗?
我正在尝试通过单击一行中任意列的行来调用新路由。根据所选行呈现新路线。比如显示记录的摘要和详细信息。 Addepar table 显示记录摘要列表,单击一行显示详细信息。
请告诉我自定义点击整行选择的步骤。
谢谢, eskarthick
为此,您扩展 Ember Table 并覆盖行视图。行视图设置在这里,默认为 Ember.Table.TableRow
:
https://github.com/Addepar/ember-table/blob/master/src/component.coffee#L119
结果将如下所示:
App.MyTableComponent = Ember.Table.EmberTableComponent.extend({
tableRowView: 'App.MyTableRow'
});
App.MyTableRow: Ember.Table.TableRow.extend({
click: function() {
// Handle click
}
});
这假设您真的很关心点击事件。相反,如果您只想对选定的行(或选定的行)执行某些操作,则应使用 Ember Table API 的 selection
输出和在其周围添加 computed properties/observers 。请参阅文档:
http://addepar.github.io/ember-table/#/ember-table/documentation