Foro

tabpanel en un form

0
Ola a todos, estuve revisando la maravilla del extjs, y weno tengo un problema espero q puedan ayudarme, sucede que tengo 3 forms como variable, y cree un grid, entonces esos forms los meti en una variable de tabpanel, hasta ahi bacan todo bien (osea cuando lo pruebo q imprima, me sale 3 tabs de los forms), ahora el problema resulta que luego de crear otro form q tendra una cabecera, le añadi el tabpanel, y weno supuse q saldria la cabecera y el tabpanel, pero no, solo se muestran los nombres de los tabs (o forms) mas no el contenido de los forms, alguna sugerencia??

5 Respuestas

Mejores votos Por fecha Solución
0
¿Has dado valor a la propiedad activeTab del TabPanel? Puedes usar el número de orden del tab (empieza por 0 para el primero) o bien el id. Un saludo
0
ola gracias por la respuesta, y sip, mejor para entendernos, aki les envio lo del tabpanel var tabs = new Ext.TabPanel({ autoWidth:true, activeTab: 0, frame:true, defaults:{autoHeight: true}, resizeTabs:true, enableTabScroll: true, items: [ frmNormal, frmDerivar, frmPreferencial ] }); ahora cuando kiero añadir este tab a un nuevo Form, pues solo se muestran los nombres de los forms en los tabs pero no se muestra el contenido
0
¿Puedes incluir la definición de alguno de los formularios? ¿Has probado con el atributo height en el TabPanel y/o en los formularios?
0
sip, aki esta un form 
var frmNormal = new Ext.FormPanel({
        id: 'frmNormal',
        frame: true,
        labelAlign: 'left',
        title: 'Normal',
        bodyStyle:'padding:5px',
        heigth:450,
        width: 450,
        layout: 'column',    // Specifies that the items will now be arranged in columns
        items: [{
            columnWidth: 1,
            xtype: 'fieldset',
            labelWidth: 90,
            //title:'Company details',
            defaults: {width: 140, border:false},    // Default config options for child items
            defaultType: 'textfield',
            autoHeight: true,
            bodyStyle: Ext.isIE ? 'padding:0 0 5px 15px;' : 'padding:10px 15px;',
            border: false,
            style: {
                "margin-left": "10px", // when you add custom margin in IE 6...
                "margin-right": Ext.isIE6 ? (Ext.isStrict ? "-10px" : "-13px") : "0"  // you have to adjust for it somewhere else
            },
            items: [{
                xtype: 'panel',
                layout: 'table',
                layoutConfig: {
                    columns: 2
                },
                anchor: '100%',
                defaults: {
                    border: false,
                    layout: 'form',
                    labelWidth: 85,
                    style: {
                        paddingRight: '10px'
                    }
                },
                items: [{
                    cellCls: 'x-form-item',
                    xtype: 'button',
                    text: 'Llamar',
                    name: 'btnValidar',
                    id: 'btnValidar',
                    width: 98
                }, {
                    items:
                        txtCodigo
                    },
                    {
                    cellCls: 'x-form-item',
                    xtype: 'button',
                    text: 'Iniciar',
                    name: 'btnIniciar',
                    id: 'btnIniciar',
                    width: 98
                }, {
                    items:
                        txtapePat
                    },
                    {
                    cellCls: 'x-form-item',
                    width: 98
                }, {
                    items:[
//                        {
//                        style: {"margin-top": "-100px"}
//                        },
                        combo1]
                    },
                    {
                    cellCls: 'x-form-item',
                    width: 98
                }, {
                    items:
                        combo2
                    },
                    {
                    cellCls: 'x-form-item',
                    width: 98
                }, {
                    items:
                        combo3
                    }
                ]
                }]
            }],
            buttons: [{
            text: 'Aceptar',
            name:'btnAceptar',
            id:'btnAceptar',
        },{
            text: 'Finalizar',
            name:'btnFinalizar',
            id:'btnFinalizar'
        }]
    });
0
Bueno por lo que veo usas fieldset y layout de columna, eso daba algunos problemas de render con la versión 2.0 de Extjs desconozco si los problemas siguen en las versiones posteriores (en teoría no). Prueba a incluir en el TabPanel: 
layoutOnTabChange: true,
deferredRender   : false
Prueba con esto, quizás te ayude.

¿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