asp.net mvc - ネストされたデータのUI

Question

私は近所の慈善団体のための情報システムを作成しています。サーバ側はAsp.net MVCになるでしょう。

クライアントのUI設計技術やAppearanceの特別な要件はありませんが、サードパーティのライブラリ/ツール/技術の統合など、私の選択です。

収入および更新モードでは、ユーザーは家族を選択し、家族の数、所得サポート組織などを入力します。 次に、家族ごとに、さまざまな個人的な詳細と理由サポート。 サポートの理由ごとに、必要な金額、追跡額などを含む様々な詳細が紹介されます。

要約すると、データは、family => family member =>別の情報をサポートする理由=>異なる情報にネストされます。 より多くのネスティング情報があります。

私はシンプルで高速なビルディングUIのための勧告を探しています。

私は自発的にこのプロジェクトを勤務時間外に行っているので、長い時間の勉強と練習を必要とする新しい技術を見つけるのは難しいことを指摘しておきます。

ありがとうございます。

Answer 1

アコーディオンメインファミリー詳細をご利用いただけます。

クリックアコーデオンの項目では、家族の詳細をバインドします。すべてのリストの上に他のdivの下で

をサポートするために、クリックファミリーメンバーバインド理由に

は、クリックの負荷である必要があり、最初の時の負荷であってはなりません。