View Full Version : Problem NestedList in a view

16 Sep 2011, 4:45 AM

After trying to insert a nestedList in a view, i have a problem.
I have a bottom tabPanel in my viewport how contain some views: List, search ...

items: [ {xtype: 'viewHome'},
{xtype: 'viewSearch'},
{xtype: 'viewCredit'},

And in list (viewHome), i would like to display my NestedList.

myApp.views.ViewHome = Ext.extend(Ext.NestedList, {
title: 'Home',
iconCls: 'home',
scroll: 'vertical',
initComponent: function(){
var data = getdata();
this.store = new Ext.data.TreeStore({
model: 'ListItem',
root: data,
proxy: {
type: 'ajax',
reader: {
type: 'tree',
root: 'items'
var nestedList = new Ext.NestedList({
fullscreen: true,
getItemTextTpl: function(recordnode) {
return '<div>{text} {Name}</div>';
store: this.store,

Ext.reg('viewHome', myApp.views.ViewHome);

I have in separate file my function how return (data) in store
and i have too in models my model.

When i put this code without bottom panel and different views, in fact, i put all the code in app.js in the launch function, that's works fine.

But know i write this code in a view ... only the first list come. When i tap on a element of my list, a new view with the return button come, it's ok, but no elements of my list appears....
When i don't use "this" on 'store'

store: this.store,

Just a fixed screen with the first panel of my list come. Then, i don't really know how to use that, to call this.store or no, cause i tested some things but nothing work.

Maybe i must use panels differently, but i think the problem isn't that

If you have an Idea please ...