PDA

View Full Version : treenode when expanding



alien3d
23 Apr 2009, 8:07 PM
The issue was on firefox 3.09 When refreshing the page it become odd.I just try to manipulate the example .Safari(4 public beta) and Internet Explorer(7) Seems fine when page resizing.

Using : 3.0 release candidate 1



// JavaScript Document
Ext.onReady(function() {
Ext.BLANK_IMAGE_URL = './images/s.gif';


new Ext.Viewport({
id : 'screenPage',
layout :'border',
margins:'0 0 0 0',
defaults: {
},
items : [
{
region:'north',
height:100,
title:'North',
html:'I should be North'
},
{
region:'west',
id:'west-panel',
title:'West',
split:true,

width: 200,
minSize: 200,
maxSize: 400,
collapsible: true,
layout:'accordion',

items: [{
title:'User Setting',
border:false,
layout:'border',
items: [ new Ext.tree.TreePanel({
id: 'tree-panel',
autoScroll: true,
margins:'0 0 0 0',
width: 200,
region:'center',
minSize: 200,
maxSize: 400,

// tree-specific configs:
rootVisible: false,
lines: false,
singleExpand: true,
useArrows: true,
dataUrl:'tree-data.json',

root: new Ext.tree.AsyncTreeNode()
})]
},{
title:'Todo',
html:'<p>Some settings in here.</p>',
border:false
},
{
title:'Asset',
html:'<p>Some settings in here.</p>',
border:false
},
{
title:'Report',
html:'<p>Some settings in here.</p>',
border:false
},
{
title:'Contact',
html:'<p>Some settings in here.</p>',
border:false
},
{
title:'Management',
html:'<p>Some settings in here.</p>',
border:false
}]


},
{
region :'center',
html:'I should be information data(Center)'
}
]
});
});

alien3d
26 Apr 2009, 3:09 AM
split:true,

seems the effect a bit weird here on firefox

makana
27 Apr 2009, 12:10 AM
What does this border-layout do here?



...
layout:'accordion',
items: [{
title:'User Setting',
border:false,
layout:'border',
items: [ new Ext.tree.TreePanel({
id: 'tree-panel',
autoScroll: true,
margins:'0 0 0 0',
width: 200,
region:'center',
minSize: 200,
maxSize: 400,
// tree-specific configs:
rootVisible: false,
lines: false,
singleExpand: true,
useArrows: true,
dataUrl:'tree-data.json',
root: new Ext.tree.AsyncTreeNode()
})]
},{
...


I think, you have an overnesting issue:
try:


...
layout:'accordion',
items: [new Ext.tree.TreePanel({
title:'User Setting',
border: false,
id: 'tree-panel',
autoScroll: true,
margins:'0 0 0 0',
width: 200,
region:'center',
minSize: 200,
maxSize: 400,
// tree-specific configs:
rootVisible: false,
lines: false,
singleExpand: true,
useArrows: true,
dataUrl:'tree-data.json',
root: new Ext.tree.AsyncTreeNode()
}),{
...