如何添加自定义行以将数据添加到 ember-table？

Question

我想在 ember-table 的底部添加自定义行，以便用户可以将新行插入 table。我应该采取哪种方法？这个想法类似于 here but using a fixed row and 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 以支持主 table。（您需要将对 content 的引用传递到您的自定义行中）。

您可以通过覆盖 bodyContent 来做同样的事情，但我认为使用页脚非常适合此目的，而且我越来越认为覆盖 bodyContent 是个坏主意。

如何添加自定义行以将数据添加到 ember-table？

How to add a custom row for adding data to ember-table?

ember-table

ember-cli