View Full Version : Nested list in panel in MVC

28 May 2011, 8:24 PM
Hi, I'm using the MVC pattern, in one of my views I'm having a problem seeing the nested list correctly. If I do fullscreen: true it shows the nested list overlaying my default view (login view), if I comment that out and use different layouts... hbox or vbox then I get a nested list that only extends horizontally as far as the individual nested list items. If I use fit, I see nothing at all, not even the first screen that should show (the login screen, the nested list is the next view shown when the login is successfull).. Here is my code, any help would be awesome.

mv.views.SelectRetailerPage = Ext.extend(Ext.Panel, {
initComponent: function() {
Ext.apply(this, {
items: [SelectRetailerList]
mv.views.SelectRetailerPage.superclass.initComponent.apply(this, arguments);

Ext.regModel('ListItem', {
fields: [{name: 'text', type: 'string'}]

var store = new Ext.data.TreeStore({
model: 'ListItem',
root: mv.nestedData,
proxy: {
type: 'ajax',
reader: {
type: 'tree',
root: 'items'

SelectRetailerList = new Ext.NestedList({
layout: 'vbox',
title: 'Select a Retailer',
displayField: 'text',
store: store,

20 Sep 2011, 12:55 AM
hey, have you find a solution about your problem?
cause i have the same problem in my NestedList, i don't find anything to solve it ...

20 Sep 2011, 6:13 AM
I resolved this problem.

The good code if someone want is here: http://www.sencha.com/forum/showthread.php?147688-NestedList-in-a-Panel&p=650928#post650928