Foros del Web » Programando para Internet » Javascript » Frameworks JS »

problema al cargar un panel dentro de otro

Estas en el tema de problema al cargar un panel dentro de otro en el foro de Frameworks JS en Foros del Web. Hola a todos , no vi el framework ExtJS en los subtemas pero me imagino que sea un etc, jeje, al final es JavaScript igual, ...
  #1 (permalink)  
Antiguo 13/07/2009, 19:57
 
Fecha de Ingreso: noviembre-2007
Mensajes: 26
Antigüedad: 17 años, 1 mes
Puntos: 0
De acuerdo 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
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:54.