Hi I am watching the examples in ext2 and all examples that are using Ext.BoxComponent (complex.html, view.htm, desktop.htm), are using north region
How I can remove the north region?, because when I delete it I get error
this.el has no properties
http://localhost/asfa/lib/ext2/ext-all-debug.js
Line 12041
this.el has no properties
render(Object dom=div#ext-gen136.x-window-body id=ext-gen136, undefined)ext-all-debug.js (line 12041)
onLayout(Object initialConfig=Object id=pm-win, Object dom=div#ext-gen136.x-window-body id=ext-gen136)ext-all-debug.js (line 13857)
layout()ext-all-debug.js (line 13550)
doLayout()ext-all-debug.js (line 13479)
render()ext-all-debug.js (line 13372)
createWindow(Object id=pm-win title=Practice Manager Window width=250, undefined)Desktop.js (line 61)
createWindow()windows.js (line 795)
clickHandler()Desktop.js (line 174)
fire()ext-all-debug.js (line 1376)
fireEvent()ext-all-debug.js (line 1172)
onClick(Object browserEvent=Event mouseout button=0 shiftKey=false)ext-all-debug.js (line 23040)
onClick(Object browserEvent=Event mouseout button=0 shiftKey=false)ext-all-debug.js (line 22561)
h(Object browserEvent=Event mouseout button=0 shiftKey=false)ext-all-debug.js (line 1497)
wrappedFn(click clientX=0, clientY=0)ext-base.js (line 61)
this.el.addClass(this.cls);
items:[
new Ext.BoxComponent([B]{ // raw
region:'north',
el: 'north',
height:32
}),{
region:'south',
contentEl: 'south',
split:true,
height: 100,
minSize: 100,
maxSize: 200,
collapsible: true,
title:'South',
margins:'0 5 5 5'
Marketplace Archive - Advanced Message Box Component for Qt ::
Sep 5, 2006 Additional widgets and extension components will be added to the Qz Toolkit in due It is tested and supported using Qt v4.1.4+ on Mac,
http://lists.trolltech.com/marketplace/2006-09/msg00001.htmlHOME |
}, {
region:'east',
title: 'East Side',
collapsible: true,
split:true,
width: 225,
minSize: 175,
maxSize: 400,
layout:'fit',
margins:'0 5 0 0',
items:
new Ext.TabPanel({
border:false,
activeTab:1,
tabPosition:'bottom',
items:[{
html:'A TabPanel component can be a region. ',
title: 'A Tab',
autoScroll:true
},
new Ext.grid.PropertyGrid({
title: 'Property Grid',
closable: true,
source: {
"(name)": "Properties Grid",
"grouping": false,
"autoFitColumns": true,
"productionQuality": false,
"created": new Date(Date.parse('10/15/2006')),
"tested": false,
"version": .01,
"borderWidth": 1
}
})]
})
},{
region:'west',
id:'west-panel',
title:'West',
split:true,
width: 200,
minSize: 175,
maxSize: 400,
collapsible: true,
margins:'0 0 0 5',
layout:'accordion',
layoutConfig:{
animate:true
},
items: [{
contentEl: 'west',
title:'Navigation',
border:false,
iconCls:'nav'
},{
title:'Settings',
html:'Some settings in here. ',
border:false,
iconCls:'settings'
}]
},
new Ext.TabPanel({
region:'center',
deferredRender:false,
activeTab:0,
items:[{
contentEl:'center1',
title: 'Close Me',
closable:true,
autoScroll:true
},{
contentEl:'center2',
title: 'Center Panel',
autoScroll:true
}]
})
]
regards
Frank
Ok thanks
kind regards
Frank
He meant you have to remove the entire component declaration:
new Ext.BoxComponent({ // raw
region:'north',
el: 'north',
height:32
}),
Your code looks like
items[
new Ext.BoxComponent(),
{
region:'south',
contentEl: 'south',
split:true,
height: 100,
minSize: 100,
maxSize: 200,
collapsible: true,
title:'South',
margins:'0 5 5 5'
},...
It should be
items[
{
region:'south',
contentEl: 'south',
split:true,
height: 100,
minSize: 100,
maxSize: 200,
collapsible: true,
title:'South',
margins:'0 5 5 5'
},...
new Ext.BoxComponent({ // raw
region:'north',
el: 'north',
height:32
}),
If you delete that block from the code, the north region will go away. It is using a raw BoxComponent (a lower level class) because it doesn't need to markup to be modified. All components which participate in a layout must be a BoxComponent (or subclass).
Jack when I remove:
{ // raw
region:'north',
el: 'north',
height:32
}
I get the error (for instance remove it from complex.html):
this.el has no properties
http://localhost/asfa/lib/ext2/ext-all-debug.js
Line 12041
this.el has no properties
render(Object dom=div#ext-gen136.x-window-body id=ext-gen136, undefined)ext-all-debug.js (line 12041)
onLayout(Object initialConfig=Object id=pm-win, Object dom=div#ext-gen136.x-window-body id=ext-gen136)ext-all-debug.js (line 13857)
layout()ext-all-debug.js (line 13550)
doLayout()ext-all-debug.js (line 13479)
render()ext-all-debug.js (line 13372)
createWindow(Object id=pm-win title=Practice Manager Window width=250, undefined)Desktop.js (line 61)
createWindow()windows.js (line 795)
clickHandler()Desktop.js (line 174)
fire()ext-all-debug.js (line 1376)
fireEvent()ext-all-debug.js (line 1172)
onClick(Object browserEvent=Event mouseout button=0 shiftKey=false)ext-all-debug.js (line 23040)
onClick(Object browserEvent=Event mouseout button=0 shiftKey=false)ext-all-debug.js (line 22561)
h(Object browserEvent=Event mouseout button=0 shiftKey=false)ext-all-debug.js (line 1497)
wrappedFn(click clientX=0, clientY=0)ext-base.js (line 61)
[Break on this error] this.el.addClass(this.cls);
regards
Frank
 Nortel Unveils Vision, Strategy for Israeli High-Performance Net
 Busy Friday Leads to Strong Close for Net Stocks
|
HOME