deepakpoda2000
11 Oct 2012, 10:05 PM
I have a tree panel - and when am expanding the folder, the whole tree is displayed(from the root) instead of its sub folders
please let me know what has to be changed - below is my code
var store1 = Ext.create('Ext.data.TreeStore', {
autoLoad: false,
proxy: {
type: 'ajax',
url: 'tree_servlet',
reader: {
type: 'json'
},
writer: {
type: 'json'
}
},
root: {
text: 'Root Directory',
expanded: true
}
});
var tree = Ext.create('Ext.tree.Panel', {
store: store1,
hideHeaders: true,
rootVisible: true,
id: 'details-panel',
viewConfig: {
plugins: [{
ptype: 'treeviewdragdrop'
}]
},
height: 450,
width: 500,
title: 'Directory Listing',
renderTo: 'tree',
collapsible: true,
listeners: {
'render': function(tp){
var el = Ext.getCmp('details-panel').getStore();
}
},
dockedItems: [{
xtype: 'toolbar',
items: [{
text: 'Save',
handler: function(){
}
}]
}]
});
please let me know what has to be changed - below is my code
var store1 = Ext.create('Ext.data.TreeStore', {
autoLoad: false,
proxy: {
type: 'ajax',
url: 'tree_servlet',
reader: {
type: 'json'
},
writer: {
type: 'json'
}
},
root: {
text: 'Root Directory',
expanded: true
}
});
var tree = Ext.create('Ext.tree.Panel', {
store: store1,
hideHeaders: true,
rootVisible: true,
id: 'details-panel',
viewConfig: {
plugins: [{
ptype: 'treeviewdragdrop'
}]
},
height: 450,
width: 500,
title: 'Directory Listing',
renderTo: 'tree',
collapsible: true,
listeners: {
'render': function(tp){
var el = Ext.getCmp('details-panel').getStore();
}
},
dockedItems: [{
xtype: 'toolbar',
items: [{
text: 'Save',
handler: function(){
}
}]
}]
});