Problem with Form loading files Extjs

Navigation
0

I want you to capture a rpt file in the design part more than anything, I have 2 fileuploadfield are shown as follows.

As you can see there is a space too big between the button and the box this is the code I have: 

var formRegistroRecepT = new Ext.FormPanel({
    id: 'formRegistroRecepT',
    region: 'center',
    height: 300,
    width: 800,
    border: false,
    labelWidth: 50,
    margins: { top: 0, right: 5, bottom: 5, left: 5 },
    items: [
            { xtype: 'displayfield', hideLabel: true, height: 10 },
            { xtype: 'compositefield', hideLabel: true, combineErrors: false, items: [{ xtype: 'displayfield', width: 10 }, lblTipoRecepcionRRT, chkTipoRRT, { xtype: 'displayfield', value: '', width: 2 }, lblVerPortalRRT, txtVerPortalRRT] },
            { xtype: 'compositefield', hideLabel: true, combineErrors: false, items: [{ xtype: 'displayfield', width: 10 }, lblValidacionRRT, chkValidacionRRAT, chkValidacionRRAriT, chkValidacionRRDT, chkValidacionRROT, { xtype: 'displayfield', value: '', width: 2 }, lblDescOtroT, txtDescOtroT] },
            { xtype: 'compositefield', hideLabel: true, combineErrors: false, items: [{ xtype: 'displayfield', width: 10 }, lblVerMonitoreoRRT, txtVerMonitoreoRRT, { xtype: 'displayfield', value: '', width: 50 }, lblVerArchivosRRT, txtVerArchivosRRT] },
            { xtype: 'compositefield', hideLabel: true, combineErrors: false, items: [{ xtype: 'displayfield', width: 10 }, lblVerBDRRT, txtVerBDRRT, { xtype: 'displayfield', value: '', width: 50 }, lblBDIntRRT, rdBDInterRRT] },
            { xtype: 'compositefield', hideLabel: true, combineErrors: false, items: [{ xtype: 'displayfield', width: 10 }, { xtype: 'displayfield', value: '', width: 50}] },
            { xtype: 'compositefield', hideLabel: true, combineErrors: false, items: [{ xtype: 'displayfield', width: 10 }, lblWsRRT, rdWsRRT, { xtype: 'displayfield', value: '', width: 50 }, lblNombreWsRRT, txtWsRRT] },
            { xtype: 'compositefield', hideLabel: true, combineErrors: false, items: [{ xtype: 'displayfield', width: 10 }, lblComentariosERT, txtComentariosRRT] },
            { xtype: 'compositefield', hideLabel: true, combineErrors: false, height: 10, items: [{ xtype: 'displayfield', width: 10}] },
            { xtype: 'fileuploadfield', id: 'fieldRptGT', emptyText: 'Seleccionar archivo rpt...', vtype: 'validaExtensionRpt', fieldLabel: 'Rpt Genérico', buttonText: '', buttonCfg: { iconCls: 'upload-icon'} },
            { xtype: 'fileuploadfield', id: 'fieldRptVT', emptyText: 'Seleccionar archivo rpt...', vtype: 'validaExtensionRpt', fieldLabel: 'Rpt Validación', buttonText: '', buttonCfg: { iconCls: 'upload-icon'} }
    ],
    bbar: [btnGuardarRR, '|', btnEditarRegistroR]
});
    
asked by user35221 05.04.2017 в 16:32
source

1 answer

1

I resolved the detail by adding a filedset in this way. 

var formRegistroRecepT = new Ext.FormPanel({
        id: 'formRegistroRecepT',
        region: 'center',
        height: 300,
        width: 800,
        border: false,
        labelWidth: 100,
        margins: { top: 0, right: 5, bottom: 5, left: 5 },
        items: [
                { xtype: 'displayfield', hideLabel: true, height: 10 },
                { xtype: 'compositefield', hideLabel: true, combineErrors: false, items: [{ xtype: 'displayfield', width: 10 }, lblTipoRecepcionRRT, chkTipoRRT, { xtype: 'displayfield', value: '', width: 2 }, lblVerPortalRRT, txtVerPortalRRT] },
                { xtype: 'compositefield', hideLabel: true, combineErrors: false, items: [{ xtype: 'displayfield', width: 10 }, lblValidacionRRT, chkValidacionRRAT, chkValidacionRRAriT, chkValidacionRRDT, chkValidacionRROT, { xtype: 'displayfield', value: '', width: 2 }, lblDescOtroT, txtDescOtroT] },
                { xtype: 'compositefield', hideLabel: true, combineErrors: false, items: [{ xtype: 'displayfield', width: 10 }, lblVerMonitoreoRRT, txtVerMonitoreoRRT, { xtype: 'displayfield', value: '', width: 50 }, lblVerArchivosRRT, txtVerArchivosRRT] },
                { xtype: 'compositefield', hideLabel: true, combineErrors: false, items: [{ xtype: 'displayfield', width: 10 }, lblVerBDRRT, txtVerBDRRT, { xtype: 'displayfield', value: '', width: 50 }, lblBDIntRRT, rdBDInterRRT] },
                { xtype: 'compositefield', hideLabel: true, combineErrors: false, items: [{ xtype: 'displayfield', width: 10 }, { xtype: 'displayfield', value: '', width: 50}] },
                { xtype: 'compositefield', hideLabel: true, combineErrors: false, items: [{ xtype: 'displayfield', width: 10 }, lblWsRRT, rdWsRRT, { xtype: 'displayfield', value: '', width: 50 }, lblNombreWsRRT, txtWsRRT] },
                { xtype: 'compositefield', hideLabel: true, combineErrors: false, items: [{ xtype: 'displayfield', width: 10 }, lblComentariosERT, txtComentariosRRT] },
                { xtype: 'compositefield', hideLabel: true, combineErrors: false, height: 10, items: [{ xtype: 'displayfield', width: 10}] },
                { xtype: 'fieldset', title: 'Archivos', autoHeight: true, height: 200,  defaults: { anchor: '100%' },
                    items:[
                        { xtype: 'fileuploadfield', id: 'fieldRptGT', emptyText: 'Seleccionar archivo rpt...', vtype: 'validaExtensionRpt', fieldLabel: 'Rpt Genérico', buttonText: '', buttonCfg: { iconCls: 'upload-icon'} },
                        { xtype: 'fileuploadfield', id: 'fieldRptVT', emptyText: 'Seleccionar archivo rpt...', vtype: 'validaExtensionRpt', fieldLabel: 'Rpt Validación', buttonText: '', buttonCfg: { iconCls: 'upload-icon'} }
                    ]
                }
        ],
        bbar: [btnGuardarRR, '|', btnEditarRegistroR]
    });
    
answered by 05.04.2017 в 17:14
Show PrettyPrint JSON in Slim3 Print value out of foreach