Foro

Como colocar un form dentro de un tab dinámicamente

0
Hola a todos, muchachos tengo un problema con poder cargar un formulario dentro de un tabpanel, resulta que tengo mi pantallazo principal como lo hace la API de ExtJs, es decir tengo un viewPort y dentro de él tengo un TreePanel y en el centro un TabPanel y cuando le dan click a un nodo me crea un tab y dentro debo cargar el formulario, pues resulta que cuando le doy click al nodo me crea el tab, pero en vez de embeber el formulario que llamo dentro del Tab que se creó me carga es el script, es decir todo el código con el cual creo el formulario, para llamar al formulario hago uso de: autoLoad: {url: "paises.js", scripts: true, scope: true} paises.js es el formulario que tendré mal

1 Respuesta

Mejores votos Por fecha Solución
0
el scrip pasajes debe ser html o php por que el "scripts: true, scope: true" busca las etiquetas <script type="text/javascript"> </script> y todo lo que esta adentro lo hace en ext js ejemplo:pasajes.html o pasajes.php 
<script type="text/javascript"> 
	
	var store = new Ext.data.JsonStore({
        url             : "controlpartido/verpartido.php",
		autoDestroy	    : true, 
		baseParams          : {act : "lunes"},
		autoLoad	    : true,
		totalProperty	: "total",
		idProperty		: "id",		
		successProperty	: "success",//es para decirle en nombre de la propiedad para saber qeu todo salio bien
		root			: "data",
		fields			: ["id","equipo_1","equipo_2","dia",{name:"fecha",type:"date",type:"date",dateFormat:"Y-m-d"},"hora"],
	});	
	var cm	= new Ext.grid.ColumnModel({
		defaults: {
			sortable	: true
		},
		columns	: [
			{header:"Equipo 1",dataIndex:"equipo_1"},
			{header:"Equipo 2",dataIndex:"equipo_2"},
			{header:"Dia",dataIndex:"dia"},
			{header:"Fecha",dataIndex:"fecha", renderer:Ext.util.Format.dateRenderer("d-M-Y")},
			{header:"Hora",dataIndex:"hora"}
		]
	});
	
	var sm = new Ext.grid.RowSelectionModel({singleSelect:true});
	
	var grid = new Ext.grid.GridPanel({
		store		: store,
		cm			: cm,
		sm			: sm,
		
		height	: 300,
		stripeRows	: true, //color de las filas altrnado
		border		: false //sin borde
	});
	
	 var windowOpened = Ext.getCmp("tab1");
    windowOpened.add(grid);
    windowOpened.doLayout();
</script>

¿Conoces a alguien que pueda responder esta pregunta? Comparte el link en Twitter o Facebook

Es necesario registrarse para poder participar en el foro! Si ya tienes una cuenta puedes entrar y comentar en este foro.

Tags

Ext JS 3