Addepar表Emberjs行选择

时间:2015-02-07 03:26:29

标签: ember.js ember-table

我是emberjs的新手,刚刚开始使用addepar表。我需要在点击表格中的一行时添加自己的自定义。有人可以告诉我如何覆盖addpar表的默认点击/或行选择操作?

我试图通过在一行中的任何一列上单击一行来调用新路由。根据选定的行渲染新路线。说显示记录的摘要和详细信息。 Addepar表显示详细显示的行记录摘要列表。

请让我知道自定义点击整行选择的步骤。

感谢, eskarthick

1 个答案:

答案 0 :(得分:1)

为此,您可以扩展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输出并在其周围添加计算属性/观察者。请参阅以下文档:

http://addepar.github.io/ember-table/#/ember-table/documentation