PDA

View Full Version : Ext.ux.Plugin.RemoteComponent load bad the Form layout



wilfredor
19 Aug 2009, 9:14 AM
I'm trying to load a external form by a json, but load bad, my form json is:


{

labelAlign: 'top',
title: 'Datos del Empleado',
bodyStyle:'padding:10px;border:0',
name:'formulario',
id:'formulario',
layout: 'form',
width: 595,
items: [{
layout:'column',
border:false,
items:[{
columnWidth:.5,
layout: 'form',
border:false,
items: [{
xtype:'textfield',
fieldLabel: 'Nombre',
id: 'nombre',
name: 'nombre',
anchor:'95%',
allowBlank:false

}, {
xtype:'textfield',
fieldLabel: 'Dirección',
id: 'direccion',
name: 'direccion',
anchor:'95%',
allowBlank:false
}, {
xtype:'textfield',
fieldLabel: 'Pais',
id: 'pais',
name: 'pais',
anchor:'95%',
allowBlank:false
}, {
xtype:'textfield',
fieldLabel: 'Teléfono',
name: 'telefono',
id: 'telefono',
anchor:'95%'
}, {
xtype:'textfield',
fieldLabel: 'Nacionalidad',
id: 'nacionalidad',
anchor:'95%',
allowBlank:false
}, {
/** Combobox de Grado **/
xtype:'combo'
,fieldLabel:'Grado'
,displayField:'grado'
,valueField:'id'
,id:'grado'
,store: new Ext.data.SimpleStore({
fields:['id', 'grado']
/*** Ver estados.js, allí se define LCombo.grado ***/
,data:LCombo.grado
})
,triggerAction:'all'
,mode:'local'
,lastQuery:''
,emptyText:'Seleccione el grado...'
,anchor:'95%',
allowBlank:false

}, {
xtype:'textfield',
fieldLabel: 'Libreta Militar',
id: 'libreta',
anchor:'95%'
}, {
/** Combobox de Zurdo **/
xtype:'combo'
,fieldLabel:'¿Es usted Zurdo?'
,displayField:'zurdo'
,valueField:'id'
,id:'zurdo'
,store: new Ext.data.SimpleStore({
fields:['id', 'zurdo']
/*** Ver estados.js, allí se define LCombo.zurdo ***/
,data:LCombo.zurdo
})
,triggerAction:'all'
,mode:'local'
,lastQuery:''
,anchor:'95%',
allowBlank:false


}, {
xtype:'textfield',
fieldLabel: 'Nombre del Conyugue',
id: 'conyugue',
anchor:'95%'
}, {
xtype:'textfield',
fieldLabel: 'Cantidad de hijos',
id: 'hijos',
anchor:'95%',
maskRe: /[0-9]/,
maxLength: 2
}

]
},{
columnWidth:.5,
layout: 'form',
border:false,
items: [{
xtype:'textfield',
fieldLabel: 'Ciudad',
id: 'ciudad',
anchor:'95%',
allowBlank:false
},{
xtype:'textfield',
fieldLabel: 'Estado',
id: 'estado',
anchor:'95%',
allowBlank:false
},{
xtype:'textfield',
fieldLabel: 'Email',
id: 'email',
vtype:'email',
anchor:'95%',
allowBlank:false
},{
xtype:'textfield',
fieldLabel: 'Lugar de Nacimiento',
id: 'lugarnacimiento',
anchor:'95%',
allowBlank:false
},{
xtype: 'datefield',
fieldLabel: 'Fecha de Nacimiento',
id: 'fechanacimiento',
format: 'd-m-Y',
//maskRe: /[0-9.]/,
//vtype: 'daterange',
anchor:'95%',
allowBlank: false

}, {
xtype:'textfield',
fieldLabel: 'Cédula de Identidad / Pasaporte',
id: 'cedula',
anchor:'95%',
allowBlank:false
}, {
xtype:'textfield',
fieldLabel: 'Licencia de Conducir',
id: 'licencia',
anchor:'95%'
}, {
xtype:'textfield',
fieldLabel: 'Carnet IVSS No.',
id: 'ivss',
anchor:'95%'
}, {
xtype:'textfield',
fieldLabel: 'Estado Civil',
id: 'ecivil',
anchor:'95%',
allowBlank:false
}

]
}]
}],

buttons: [{
text: 'Guardar',
handler: fn_submitForm
},{
text: 'Cancelar',
handler: fn_resetForm

}]
}

http://img193.imageshack.us/img193/8920/badlayout.gif