在静态管理中生成动态视图

时间:2017-08-01 01:01:05

标签: reactjs admin-on-rest

对于编辑,列表和显示,我有动态日期,可能有或没有附加值,我已经愿意渲染动态自定义TextFields,基本上是标签,但似乎无法获得它起作用。

数据结构与此类似:

{
  "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

1 个答案:

答案 0 :(得分:1)

1)您需要创建自定义表单。这对你有帮助。请参阅页面底部关于创建和使用带有AOR的自定义Redux表单的答案。

How to richly style AOR Edit page

2)您必须使用此表单中的材料UI表组件

创建自定义数据网格

3)在AOR中编辑页面通常只编辑资源的1条记录。上面似乎你的目标是同时编辑多个记录。我无法清楚地看到实现这一目标的方法(尽管应该可行)

4)AOR List组件不接受输入组件,因为它不是Redux Form连接组件。但是,为编辑页面创建的连接的DataGrid组件应该作为AOR列表组件的子组件,允许您编辑多个值。