The simple panel(Viewport+TreePanel+TabPanel+Toolbar)
March 13th, 2010 by , under nnmj.com.
I simply do not understand why does not work TreePanel
Here so does not work
var main = function(menu, tree)
{
this.north = new Ext.Panel({
region:'north',
tbar:menu
});
this.center = new Ext.TabPanel({
region : 'center',
deferredRender : false,
enableTabScroll : true,
autoScroll : true,
margins : '0 0 0 0',
activeTab : 0,
items : [{
id : 'welkomTab',
title : 'Добро пожаловать',
closable : false,
html : '
Welcome
autoScroll : true
}]
});
this.west = function(tree)
{
this.bar = new Ext.Toolbar({
items:[{
id:'add',
iconCls:'page_add',
handler:true,
tooltip:'Добавить сраницу.'
}, {
id:'add_p',
iconCls:'page_copy',
handler:true,
tooltip:'Добавить подстраницу.'
}, '-', {
id:'up',
iconCls:'arrow-up',
handler:true,
tooltip:'переместить выше.'
}, {
id:'down',
iconCls:'arrow-down',
handler:true,
tooltip:'переместить ниже.'
}, '-', {
id:'remove',
iconCls:'page_delete',
handler:true,
tooltip:'Удалить страницу'
}]
});
this.barMap = this.bar.items.map;
var bar = this.bar;
this.Panel = new Ext.tree.TreePanel({
region : 'west',
tbar : bar,
split : true,
useArrows : true,
width : 200,
minWidth : 150,
maxWidth : 350,
border : false,
margins : '0 0 0 0',
autoScroll : true,
rootVisible : false,
loader : new Ext.tree.TreeLoader({
preloadChildren: true,
clearOnLoad: false
}),
root : new Ext.tree.AsyncTreeNode({
text:'Ext JS',
id:'root',
expanded:true,
children:[tree]
})
});
};
var north = this.north;
var center = this.center;
var west = this.west.Panel;
this.viewport = new Ext.Viewport({
layout:'border',
items:[north, center, west]
});
}
So works
var main = function(menu, tree) {
this.menu = new Ext.Toolbar({items : menu});
this.tbar = new Ext.Panel({
region:'north',
tbar: menu
});
this.tree = {
Tbar: new Ext.Toolbar({
cls:'TreeToolbar',
items:[{
id : 'add',
iconCls : 'page_add',
handler : true,
tooltip : 'Добавить сраницу.'
}, {
id : 'add_p',
iconCls : 'page_copy',
handler : true,
tooltip : 'Добавить подстраницу.'
}, '-', {
id : 'up',
iconCls : 'arrow-up',
handler : true,
tooltip : 'переместить выше.'
}, {
id : 'down',
iconCls : 'arrow-down',
handler : true,
tooltip : 'переместить ниже.'
}, '-', {
id : 'remove',
iconCls : 'page_delete',
handler : true,
tooltip : 'Удалить страницу'
}]
})
}
this.tree.TbarMap = this.tree.Tbar.items.map;
bar = this.tree.Tbar;
this.tree.Panel = new Ext.tree.TreePanel({
region : 'west',
tbar : bar,
split : true,
useArrows : true,
width : 200,
minWidth : 150,
maxWidth : 350,
border : false,
margins : '0 0 0 0',
autoScroll : true,
rootVisible : false,
loader : new Ext.tree.TreeLoader({
preloadChildren: true,
clearOnLoad: false
}),
root : new Ext.tree.AsyncTreeNode({
text:'Ext JS',
id:'root',
expanded:true,
children:[tree]
})
});
this.tabs = new Ext.TabPanel({
region : 'center',
deferredRender : false,
enableTabScroll : true,
autoScroll : true,
margins : '0 0 0 0',
activeTab : 0,
items : [{
id : 'welkomTab',
title : 'Добро пожаловать',
closable : false,
html : '
Welcome
autoScroll : true
}]
});
north = this.tbar;
center = this.tabs;
west = this.tree.Panel;
this.viewport = new Ext.Viewport({
layout : 'border',
tbar : menu,
items : [north, center, west]
});
}
Excuse for incorrect English (I use the translator).
#If you have any other info about this subject , Please add it free.# |
