带有 Admin-on-rest 的 Master-Detail（父子）输入表单答案

【问题标题】：Master-Detail (parent-child) Input form with Admin-on-rest带有 Admin-on-rest 的 Master-Detail（父子）输入表单
【发布时间】：2017-12-08 15:05:03
【问题描述】：

我需要帮助/建议来创建类似订单的输入表单，其中包含主输入（订单号、日期、客户名称、地址）以及多行中的详细信息，例如（项目编号、描述、数量、费率、金额） .

我使用Admin-on-rest 作为前端接口，Loopback 作为我的后端 api。

作为 react/redux 的新手并且仍在学习核心概念，我很难找到一个好的示例/起点来构建此功能。到目前为止，我认为基于redux-form 的this 示例可以帮助创建自定义组件，但我还没有足够的能力自己构建它。

任何对类似示例或一些简单代码的参考都将非常有帮助。

参考。图片

【问题讨论】：

标签： loopbackjs admin-on-rest

【解决方案1】：

我认为你需要这个。

How to richly style AOR Edit page

页面上的最后一个答案是关于在 AOR 中创建自定义编辑组件的详细指南。请随时在此处询问有关如何完成此操作的更多问题。

查看您的设计，您还需要考虑如何在 API 级别更新这些数据。当您点击保存时，AOR 本身会发出一个请求。那么您的 API 将如何处理多个模型的更新等。

【讨论】：

是的，这给了我一些想法，但看起来更具体。我想我需要一个可重用的组件，我可以将主表中的字段传递给它，就像使用 SimpleForm 以及链接到详细信息表的 Datagrid 一样。我希望我在这里足够清楚，或者此时要求太多。无论如何，我首先尝试创建一个单一用途的表单，然后再对其进行概括。谢谢。 :)
嗯，SimpleForm 并不是真正设计用于创建具有您正在查看的样式的表单。它创建了一个 ReduxForm，因此该表单的每个字段都将被命名等。在幕后进行了大量工作，需要以某种方式重新创建。但该框架正在快速发展。请在找到解决方案时记录解决方案。