PDA

View Full Version : dom is undefined



bkraut
14 Feb 2010, 2:51 PM
I have a window similar to Outlook (Folders), where I define folders like Leads, Opportunities, etc...

This part looks like this:



{
title: 'Folders',
iconCls: 'folder',
border: false,
items: [{
xtype: 'FoldersTree',
listeners: {
click: function(node, e) {
console.log(node);
console.log(e);
mainPanel.removeAll();
mainPanel.add({
xtype: 'LeadGrid',
region: 'center',
anchor: '100%'
});
mainPanel.doLayout();
},
scope: this
}
}]
}


next by I have a mainPanel defined as:



var mainPanel = new Ext.Panel({
region: 'center',
title: 'Main Panel',
border: false,
layout: 'border',
margins: '5px 5px 5px 0px',
items: [{
title: 'Inbox',
iconCls: 'inbox',
region: 'center',
html: 'Inbox content'
},{
region: 'south',
height: 300,
split: true,
html: 'Mail content'
}]
});


When I click on treenode I'd like to display on the right side a grid of records, instead of mail data, but get following error:



dom is undefined
[Break on this error] w = MATH.max(dom.offse..., hidden ? 0 : dom.clientWidth) || 0;



I also would like to awoid any card layout, as there is many different types of records, which would slow down display time.
What could be the reason?