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

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

来源

2012-06-09 Akshatha

请显示sencha的列表代码。也许我可以帮你。 – hekomobile

你应该使用“NestedList”而不是“List + NavigationView”。 –

并且请在您创建导航列表的位置添加代码。 –

创建存储实例：

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

这方法为我创建列表并将它们动态添加到s中ame导航视图。

来源

2012-06-28 09:38:21 Akshatha

我的经验：

最简单的方式：只需使用Ext.NestedList。如果您使用此组件，有几件事值得关注。让我们先来看看文档：

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

和一个很好的例子：

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

推荐的方法：使用几个Ext.List。我的意思是先创建“最外层”文件夹列表，然后捕获listitemtap上的事件并呈现显示子文件夹的适当列表。

来源

2012-06-10 11:43:52

{ 的xtype： '清单'， ID： 'workitemlistdetails'，风格：{ '右边框'： '0.01px黑'， '色'： '绿色' }， onItemDisclosure：功能（）{ }， itemTpl：'{data}' } 此列表正在Web服务调用中填充。如何在物品披露上再创建一个清单。要使用嵌套列表，我不会知道子文件夹中会有多少个子文件夹 – Akshatha

只有当我们知道列表中存在的嵌套数时才能创建嵌套列表 – Akshatha

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

回答

相关问题