2017-12-07 3 views
1

MASTER入力(注文番号、日付、顧客名、住所)とともに、入力フォームのような注文を作成するためのヘルプ/ (品目番号、説明、数量、金額、金額)のような複数の行に表示されます。マスター・ディテール(親子)管理下にある入力フォーム

フロントエンドインターフェイスにはAdmin-on-rest、バックエンドインターフェイスにはLoopbackを使用しています。

リアクション/レビュックスに新しく、コアコンセプトを学習しているので、この機能を構築するための良い例や出発点を見つけるのは苦労しています。これまでのところ、thisの例では、redux-formに基づいてカスタムコンポーネントを作成することはできますが、私自身はこれを構築するのに十分な能力がありません。

私に手を差し伸べるために、類似の例や簡単なコードへの参照は、非常に参考になります。

Ref。画像

Admin-on-rest Demo > Orders

答えて

0

私はあなたがこれを必要だと思います。

How to richly style AOR Edit page

ページの最後の答えは、AORのカスタムエディットコンポーネントを作成する上で、やや詳細なガイドです。これがどのように行われるかについて、ここでさらに質問してください。

デザインを見るときには、このデータがAPIレベルでどのように更新されるかも考慮する必要があります。あなたがsaveを押すと、AOR自身が1回のリクエストを行います。では、APIが複数のモデルなどの更新をどのように処理するのでしょうか。

+0

はい、これは私にいくつかのアイデアを与えますが、より具体的です。私はマスターテーブルからフィールドに渡すことができる、再利用可能なコンポーネントが必要だと思います。それは、SimpleFormで行われた方法と、詳細テーブルにリンクされたDatagridです。私は私がここで十分に明確であることを望むか、または今度はあまりにも多くのことをこの時間に求めることを望む。とにかく、私は最初に単一の使用形式を作成し、その後一般化しようとしています。ありがとう。 :) – Gagan

+0

よくSimpleFormは、あなたが見ているようなスタイルのフォームを作成するためのものではありません。 ReduxFormが作成され、そのフォームの各フィールドには名前などが与えられます。何らかの形で再作成する必要があるシーンの背後には多くの作業があります。しかし、この枠組みは急速に進化しています。解決策を見つけたら解決策を文書化してください。 –

関連する問題