0

HTML と JavaScript でブラウザ アプリケーションの GUI を作成しています。

現時点では、3 レベルの深い「カスケード選択」を行う必要があるページを実装するという課題に直面しています。これは非常にまれな問題ではないため、コードをより管理しやすくするために、固執できるデザインパターンがあるかどうか疑問に思っていました.

私が達成する必要がある構造は次のとおりです。

{ A => { B => [C, C, ...] }

大まかに次のGUIレイアウトを使用します（Balsamiqで作成）：

Balsamiq の GUI のモックアップ

問題は、ご覧のとおり、ビューの一部が常に非表示/削除され、その上、ページの存続期間中に変更を保存する必要があることです。すべてを処理するために複数選択だけを使用するわけではないため、モックアップほど単純ではありません...

普段、この種の問題にどのように取り組んでいますか？

4

2 に答える 2

1

これは多くのことを自動化するわけではありませんが、Observerパターンの問題のようです。

基本的に、オブザーバーは最初の選択でアクションを監視し、別のオブザーバーは2番目の選択などを監視します...

一方のオブザーバーに通知されると、もう一方の選択を表示するなどのアクションが実行されます。

それは生のアイデアに過ぎず、何をしようとしているのかについての詳細がなければ、より詳細な提案をすることは困難です。

于 2013-05-24T21:18:28.303 に答える