Question

How to create Lists dynamically in sencha and add them to navigation view? I am making a webservice call to get the list of folders. When i click on any folder it should show the subfolders present in a list. Subfolders may or may not folders inside them. How to create a list when there is subfolder? I want to navigate back so i have to add all these to a navigationn view. Please let me see a piece of code explaining how to do that.

Answer 1

Create store instances:

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

Create a list dynamically:

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

                        items:[

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

Create a navigation view panel and push the list into the view:

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

This method worked for me to create lists and add them dynamically to the same navigation view.