View Full Version : dom is undefined

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) {
xtype: 'LeadGrid',
region: 'center',
anchor: '100%'
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?