javascript - Sencha Touch - NavigationView 内の NestedList

Question

私のアプリケーション全体はNavigationView、異なる画面間のナビゲーションを処理する の中にあります。NestedListメイン画面には、 （常にNavigationView内にある）を開くボタンがあります

NestedList Toolbarを削除し、代わりにメインのNavigationView Toolbarでナビゲーションを処理できるようにするにはどうすればよいですか?

Answer 1

ナビゲーション ビューの戻るボタンをネストされたリストの戻るボタンのように動作させるには、ナビゲーション ビューの戻るボタンのタップ イベントをオーバーライドする必要があります。これを行うには、同様の質問に対する私の回答に従ってください。ナビゲーションビューの戻るボタンをオーバーライドする方法。

これが完了したら、現在どのビューが表示されているかを毎回特定する必要があります。ネストされたリスト以外の通常のビューの場合は、そのビューを簡単にポップできます。

しかし、それがネストされたリストの場合 -

1. レベルを見つける必要があります。つまり、あなたが今どのレベルにいるのかということです。
2. リストから親アイテムを見つけます。
3. そのビューをロードします。

しかし、これらすべてを行うには多くの労力と時間が必要です。代わりに、ネストされたリストのツールバー構成を下部に配置し、2 つの個別の戻るボタンを別の場所に配置できます。ネストされたリストの戻るボタンは、それに適用されるテキストとして常に消費textまたは構成され、ナビゲーション ビューのボタンには他のテキストが含まれます。displayFieldback

どのように見えるかを示すためにフィドルを作成しました。できればこちらも検討してみてはいかがでしょうか。デモフィドルを見る

アップデート

質問で言及したことを引き続き希望する場合。ここに別の方法があります..

ネストされたリスト ビューをナビゲーション ビュー内にプッシュしないでください。ネストされたリスト自体を使用し、 [戻る] ボタンやその他のボタンをツールバーの一番上に追加してみてください (最初のレベルのみ)。その後、深く進むと、自動的に戻るボタンが表示されます。そして、最初のレベルから、ネストされたリスト、つまり現在のビューをポップし、前のビューをロードするカスタム ハンドラーを記述します。もしよろしければ、空き時間にこれを手伝ってあげましょう。