web-services - 如何在 sencha 中动态创建列表并将它们添加到导航视图？

Question

如何在 sencha 中动态创建列表并将它们添加到导航视图？我正在进行网络服务调用以获取文件夹列表。当我单击任何文件夹时，它应该显示列表中存在的子文件夹。子文件夹可能是也可能不是其中的文件夹。有子文件夹时如何创建列表？我想导航回来，所以我必须将所有这些添加到导航视图中。请让我看一段代码，解释如何做到这一点。

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 );

这种方法对我有用，可以创建列表并将它们动态添加到同一个导航视图中。