如何在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中動態創建列表並將它們添加到導航視圖？

回答

相關問題