在 Admin on Rest 中生成动态视图答案

【问题标题】：Generating Dynamic Views in Admin on Rest在 Admin on Rest 中生成动态视图
【发布时间】：2018-01-07 16:55:17
【问题描述】：

对于“编辑”、“列表”和“显示”，我有动态日期，它们可能附加也可能不附加值，我一直愿意呈现动态自定义文本字段，本质上是标签，但似乎无法让它工作。

数据结构有点类似这样：

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

这里的想法是使用动态文本字段或文本输入生成一个出色的数据网格，以便用户可以查看/添加/编辑价格或根据开始/结束日期期间将其归零。

编辑：我试图在模型中概述解释：

【问题讨论】：

您的问题需要更清楚。 1) 分享您想要实现的设计的快照。还请仔细阅读您的问题的措辞，您正在互换使用日期和价格这个词。
@kunalpareek 我添加了一个概念模型，用于带有 TextInputs 的 EDIT 页面。对于列表，日期不会显示，但在 EDIT 和 SHOW 页面中，它们将作为 TextInputs 和 TextFields 可见。我希望现在更清楚了。

标签： reactjs admin-on-rest

【解决方案1】：

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

How to richly style AOR Edit page

2) 您必须在此表单中使用材料 UI 表格组件创建自定义数据网格

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

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

【讨论】：

对于show部分，是否可以获取列表中的记录数据来迭代prices.values？
对于#3，如果你仔细观察，实际上我正在编辑每行结果的 1 条记录，但是，这里的想法是在编辑视图中添加一个列表以遍历值并手动添加输入给它。
AOR 中的编辑页面检索到 1 条记录。您设想的是获取和编辑多条记录，这对于编辑页面来说并不容易，并且需要大量覆盖现有机制。我建议您使用 try 并创建一个表格形式的自定义表单组件。然后，您可以将其用作 List 的子项。所有记录都已存在于列表中。将记录传递给 Redux 表单组件以编辑它们。