Results 1 to 3 of 3

Thread: treenode when expanding

  1. #1
    Sencha User
    Join Date
    Mar 2007
    Posts
    216

    Default treenode when expanding

    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

    Code:
    // 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)' 
    							}
    					  ]
    			 });
    			});

  2. #2
    Sencha User
    Join Date
    Mar 2007
    Posts
    216

    Default split

    Code:
    split:true,
    seems the effect a bit weird here on firefox

  3. #3
    Sencha User makana's Avatar
    Join Date
    Apr 2008
    Location
    Dresden, Germany
    Posts
    527

    Default

    What does this border-layout do here?

    Code:
    ...
    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:
    Code:
    ...
    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()
    }),{
    ...
    Programming today is a race between software engineers striving to build bigger and better ?diot-proof programs, and the universe striving to produce bigger and better idiots. So far, the universe is winning. (Rick Cook)

    Enhanced ExtJS adapter for Adobe AIR

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •