2015-05-19 47 views
1

我想在一個ember-table的底部添加一個自定義行,以便它允許用戶向表中插入新行。我應該採取哪種方法?該想法類似於here,但使用固定行和ember-table如何添加自定義行以將數據添加到ember-table?

+0

解決此問題的方法有很多。答案只會變成一個人們喜歡的稻草民意調查。最好的事情是自己做一些關於這個話題的研究,找到兩三個,分析他們,確定他們是否爲你工作,然後試試他們。當您對您嘗試做的事情有特定疑問時,請使用。 – gunr2171

+0

感謝您對@ gunr2171的評論,但我正在談論一些非常具體的內容,這是Addepar提供的名爲ember-table的附加組件。 –

回答

0

我建議延長灰燼表覆蓋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是一個壞主意。

+1

我不是很確定如何重寫'Ember.table.Row',它是否像財務表格示例中的'financial-table-tree-row'? –

+0

好的,我設法在頁腳中顯示一些信息,但是如何定製顯示輸入字段而不是實際單元格模板的行? –

+0

@Henry,你會介意在JSBin中設置一個例子嗎?我需要做同樣的事情,但我在Ember非常新,並且無法弄清楚azirbel建議的所有代碼和管道。謝謝。 – JustSomeGuy

相關問題