problema al cargar un panel dentro de otro Hola a todos , no vi el framework ExtJS en los subtemas pero me imagino que sea un etc, jeje, al final es JavaScript igual, el error que da es a la hora de cargar un panel dentro de otro, este es el error
comp is undefine......ext-all-debug.js linea(14....)
este es el codigo
var vista;
Ext.onReady(function(){
Ext.QuickTips.init();
vista = new Ext.Window({
title:'Ayuda',
//iconCls:'help',
renderTo: Ext.getBody(),
frame:true,
height:500,
width:800,
closable:true,
closeAction:'hide',
layout:'border',
items:[panel_west,contenido]
});
vista.show();
// Muestra el arbol
arbol.render();
//arbol.getRootNode().expand();
});
//Panel izquierdo con el acordion
var panel_west = new Ext.Panel({
title:'Menu',
iconCls:'menu',
id:'panel_west',
width:200,
height:500,
region: 'west',
split: true,
collapsible: true,
border:false,
layout:'accordion',
layoutConfig:{animate:true},
items:[{
title:'Navegacion',
autoScroll:true,
border:false
},{
title:'Buenas Practicas',
autoScroll:true,
border:true,
id:'tree_panel',
items:Ext.arbol
}]
});
//Panel central del contenido
var contenido = {
id:'panel_contenido',
region: 'center',
layout: 'card',
margins: '2 5 5 0',
activeItem: 0,
border: false,
//Aqui es donde pongo los dos paneles
items: [ ayuda, css_depuracion ]
};
//Vamos a realizar el arbol
var arbol = new Ext.tree.TreePanel({
el:'tree_panel',
useArrows:true,
autoScroll:true,
animate:true,
enableDD: false,
containerScroll: true,
lines:true,
singleExpand: true,
border: false,
//aqui los datos
dataUrl:'scripts/buenas_practicas.json',
root: {
nodeType: 'async',
text: 'Contenido',
iconCls:'file',
draggable:false,
id:'source'
}
});
//Acciones para cuando pinchemos algun nodo del arbol
arbol.on('click',function(n){
var sn = this.selModel.selNode || {}; //selNode es nulo en la seleccion inicial
if(n.leaf && n.id != sn.id){//Se ignoralos click en la carpetas y en los nodos seleccionados
Ext.getCmp('panel_contenido').layout.setActiveItem (n.id);
}
});
/*
* Aqui se hacen los dos paneles para definir los contenidos
*/
var ayuda = {
id: 'start-panel',
title: 'Help Page',
layout: 'fit',
bodyStyle: 'padding:25px;',
contentEl: 'ayuda_div' // pull existing content from the page
};
var css_depuracion = {
id:'depuracion',
title:'CSS-Depuracion',
layout:'fit',
bodyStyle: 'padding:25px',
contentEl: 'depuracion_div'
};
Gracias de antemano
