web-services - senchaで動的にリストを作成し、ナビゲーションビューに追加するにはどうすればよいですか？

Question

senchaで動的にリストを作成し、ナビゲーションビューに追加するにはどうすればよいですか？フォルダのリストを取得するためにWebサービスを呼び出しています。任意のフォルダをクリックすると、リストに存在するサブフォルダが表示されます。サブフォルダーは、その中のフォルダーである場合とそうでない場合があります。サブフォルダがある場合にリストを作成するにはどうすればよいですか？戻ってナビゲートしたいので、これらすべてをナビゲーションビューに追加する必要があります。その方法を説明するコードを見せてください。

Answer 1

私の経験から：

• 最も簡単な方法: Ext.NestedListを使用するだけです。このコンポーネントを使用する場合、注意すべき点がいくつかあります。最初にドキュメントを見てみましょう：

http://docs.sencha.com/touch/2-0/#!/api/Ext.dataview.NestedList

そして非常に良い例：

http://sencha-nested-list.heroku.com/

• 推奨される方法: 複数のExt.Listを使用します。つまり、最初に「最も外側の」フォルダーのリストを作成し、次にイベントをキャッチしてlistitemtap、サブフォルダーを示す適切なリストをレンダリングします。

Answer 2

ストア インスタンスを作成します。

  var instanceStore = Ext.create(
            'Project.store.MyListStore');
        store.each(function (record) {
            instanceStore.add(record);
        });

リストを動的に作成します。

  var ListDetails = Ext.create(
                    'Project.view.NavigationList', {

                        items:[

                        ],
                        itemTpl:new Ext.XTemplate(workItemListTpl),
                        store:instanceStore
                    });

ナビゲーション ビュー パネルを作成し、リストをビューにプッシュします。

 var panelId = Ext.getCmp('NavigationViewPanel');
 panelId.push(ListDetails );

この方法は、リストを作成して同じナビゲーション ビューに動的に追加するのに役立ちました。