PDA

View Full Version : TreePanel with Horizontal Scroll not working



srarnold
16 Apr 2012, 7:53 AM
I am very new to EXT JS, I have tried all suggestions I have found and none seem to have worked.

The getnodes.php just returns a static XML file with a couple of nodes.

This is the Code:

Ext.onReady(function() {
var store = Ext.create('Ext.data.TreeStore', {
proxy: {
type: 'ajax',
url: 'data/getnodes.php',
reader: {
type: 'xml',
root: 'nodes',
record: 'node'
}
}
});
var tree = Ext.create('Ext.tree.Panel', {
rootVisible: false,
store: store,
autoScroll: true,
useArrows: true
});


Ext.create('Ext.container.Viewport', {
layout: 'border',
items: [{
region: 'north',
html: '<h1 class="x-panel-header">Page Title</h1>',
autoHeight: true,
border: false,
margins: '0 0 5 0'
}, {
items: [ tree ],
region: 'west',
collapsible: true,
title: 'Navigation',
width: 300,
split: true,
layout: 'fit'
// could use a TreePanel or AccordionLayout for navigational items
}, {
region: 'south',
title: 'South Panel',
collapsible: true,
html: 'Information goes here',
split: true,
height: 100,
minHeight: 100
}, {
region: 'east',
title: 'East Panel',
collapsible: true,
split: true,
width: 150
}, {
region: 'center',
xtype: 'tabpanel', // TabPanel itself has no title
activeTab: 0, // First tab active by default
items: {
title: 'Default Tab',
html: 'The first tab\'s content. Others may be added dynamically'
}
}]
});

});

mitchellsimoens
16 Apr 2012, 8:05 AM
What Ext JS version?

srarnold
16 Apr 2012, 8:27 AM
What Ext JS version?

Version 4.07, I have even tried with 4.1 R2, but when I tried with the new 4.1 R3, it failed with the following message: Ext.data.writer undefined.

mitchellsimoens
16 Apr 2012, 8:35 AM
That is a bug in RC3 that will be fixed. The proxy class needs to require the Writer, you can require it in your code and it will work just fine.

srarnold
16 Apr 2012, 8:57 AM
Could you either point me at an example or tell me how to do this please.