Foro

¿Como hacer que un panel se muestre ya colapsado?

0
Saludos Cordiales, Estimada comunidad, me estoy iniciando en esta nueva forma de desarrollo y programacion web, de hecho me ha causado bastante sensacion, por eso pido la siguiente sugerencia o ayuda: ----- frmtabla.js ----- 
		//Creando el objeto Ext.grid.GridPanel
		var grid = new Ext.grid.GridPanel({
            title:'Actividades Evaluadas 1',
			collapsible : true,
			store: store,
			renderTo: 'tblActividades1',
			autoScroll: false,
            columns: [
                {header: "Semana", width: 50, sortable: true, dataIndex: 'cldSemana', align: 'center'},
                {header: "Tipo", width: 70, sortable: true, dataIndex: 'cldTipo', align: 'center'},
                {header: "Formato", width: 70, sortable: true, dataIndex: 'cldFormato', align: 'center'},
                {header: "Descripción", width: 210, sortable: true, dataIndex: 'cldNombre', align: 'center'},
				{header: "Nota", width: 50, sortable: true, dataIndex: 'cldNota', align: 'center'},
				{header: "Fecha", width: 80, sortable: true, renderer: Ext.util.Format.dateRenderer('d/m/Y'), dataIndex: 'cldFecha', align: 'center'}
			],
			border: true,
			columnLines: true,
			width:535,
            height:280,
		});
Este codigo funciona perfectamente, pero cuando se muestra en el explorador el panel se muestra desplegado, pero busco que se muestre colapsado o en tal caso minimizado por asi desirlo el siguiente es el archivo html: 
<HTML>
<HEAD>
<link href="../libreria.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="../extjs321/resources/css/ext-all.css" />
<script type="text/javascript" src="../extjs321/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../extjs321/ext-all.js"></script>
<script type="text/javascript" src="frmtabla.js"></script>
</HEAD>
<BODY>
<table width="100%" cellspacing="0" cellpadding="0" border="0" bordercolor="#000000" align="center">
<tr>
<td width="100%">
  <div class="TituloSuperior">ACTIVIDADES</div></td>
</tr>
<tr>
<td>
<tr><td valign="top"><div id="tblActividades1" align="center" style="width:535px"></div></td></tr></table></td>
</tr>
</table>
</BODY>
</HTML>
He estado tratando de aplicar el evento render, pero no encuentro como codificarlo, Gracias.

2 Respuestas

Mejores votos Por fecha Solución
0
Intenta agregar la configuración "collapsed : true" al panel, eso debería fucionar. Saludos
0
Excelente, muchisimas gracias, funciono a la perfección, te lo agradezco, tenia esa bendita impresion que era una simple tonteria, pero rayos no me la botaba el cerebro. <!-- s:lol: --><!-- s:lol: --> <!-- s:lol: --><!-- s:lol: -->

¿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