如何添加自定义行以向ember-table添加数据

Question

我想在ember表的底部添加一个自定义行，以便它允许用户向表插入新行。我应该采取哪种方法?这个想法与这里的问题类似，但使用固定的行和ember-table。

Answer 1

我建议扩展Ember Table来覆盖footerContent:

import Ember from 'ember';
import TableComponent from 'ember-table/components/ember-table';
MyTable = TableComponent.extend({
  footerContent: ...
});

然后用自定义行覆盖Ember.Table.Row，并将其放入footerContent。您可以在该行上定义一个额外的操作，获取该行的数据并将其添加到支持主表的content中。(您需要将对content的引用传递到您的自定义行)。

您可以通过覆盖bodyContent来做同样的事情，但我认为使用页脚对于这个目的是完美的，我越来越认为覆盖bodyContent是一个坏主意。