web-dev-qa-db-ja.com

最初の3つを必須のステップとして6つのタブを表示し、最初の3つの完了後に残りの部分をアクティブにする最良の方法は?

enter image description here

添付のページを改訂しています。Angular Material frameworkを使用しています。要件は次のとおりです。1.ユーザーは、ウィザードまたはステッパーのように、最初の3つのタブにフォームとして入力する必要があります。(予想される詳細、到着した詳細と停泊の詳細)2.停泊の詳細が入力されると、残りの3つのタブがアクティブになり、ユーザーは残りのフォームのいずれかに入力することを選択できます。3。フォームに入力してタブに保存すると、ユーザーは編集のためにいつでもそれに戻ってください。

2
Apramit

ページ分割された(段階的な)フォームの代わりにタブを使用することを意図的に選択しましたか?新しい私にとって新しいコンセプトを紹介されているのでお願いします。他の情報が入力されるまで使用できないタブがあると、非アクティブ化された非アクティブ化されたタブが作成されます。アクティブなタブではないため一度非アクティブ化され、使用できないため再び非アクティブ化されました。私はこれを避けようとし、前と次のページネーションを使うだけが私の最初の提案です。

1
It's Dylan