2017-08-01 62 views
0

對於這兩個編輯,列表和放映生成在管理動態視圖,我有動態的日期,可能有也可能沒有重視他們的價值觀,我一直願意渲染動態定製的TextField,基本標籤,但不能似乎得到它的工作。上休息

數據結構是某種方式與此類似:

{ 
    "id": 1, 
    "category_type": "One", 
    "category_name": "Type One", 
    "prices": [ 
    { 
     "value": 123.00 
    }, 
    { 
     "value": 123.00 
    }, 
    { 
     "value": 123.00 
    } 
    ] 
}, 
{ 
    "id": 2, 
    "category_type": "Two", 
    "category_name": "Type Two", 
    "prices": [ 
    { 
     "value": 123.00 
    } 
    ] 
} 

價格根據日曆時間表到來,索引0是開始日期和結束日期確定的時間的結束。有些日期的值爲0,其他日期的值爲0.

這裏的想法是生成一個帶有動態TextFields或TextInputs的優秀數據網格,以便用戶可以查看/添加/編輯價格或基於開始/結束日期。

編輯:我試圖勾勒出一個模型的處理解釋:

Mockup info of data structure in an hypothetical EDIT page

+0

你的問題需要更清晰。 1)分享你想達到設計的快照。也請通過你的問題的措辭,你可以互換使用單詞日期和價格。 @kunalpareek我添加了一個概念樣機 –

+0

,這與TextInputs的編輯頁面。對於List,日期不會顯示,但在EDIT和SHOW頁面中,它們將以TextInputs和TextFields的形式顯示。我希望現在更清楚。 –

回答

1

1)你需要創建一個自定義窗體。這可以對你有所幫助。查看我在頁面底部的答案,瞭解如何使用AOR創建和使用自定義Redux表單。

How to richly style AOR Edit page

2)你將不得不這種形式

3)在AOR編輯頁面內創建一個使用材料的UI組件表中的自定義數據網格通常只能編輯資源的1條。上面看來你的目標是同時編輯多條記錄。我不能清楚地看到的方式來實現這一目標(雖然它應該是可能的)

4)AOR List組件不接受輸入組件,因爲它不是一個終極版狀地連接組件。但是爲編輯頁面創建的連接的DataGrid組件應該作爲AOR List組件的子項工作,以允許您編輯多個值。

+0

對於顯示部分,是否有可能獲取列表中的記錄數據以迭代price.values? –

+0

對於#3,其實我在編輯每行的結果1條記錄,如果你仔細看,但是,這裏的想法是在編輯視圖中添加列表,通過數值迭代和手動添加輸入到它。 –

+0

AOR中的編輯頁面檢索1條記錄。你所設想的是多個記錄被抓取和編輯,這對編輯頁面來說並不容易,並且需要很多重寫現有機器。我建議你使用try和創建一個表單形式的自定義表單組件。然後,您可以將其用作List的子項。所有的記錄已經出現在列表中。將記錄傳遞給Redux Form組件以編輯它們。 –