PDA

View Full Version : Fields missing on firefox....



marvin.consistem
14 May 2012, 6:19 AM
I made a simple screen using extjs 4.1 and the fields just vanish on firefox:
35195

Left firefox, right Chrome

Here is the code:


Ext.define('MyApp.edit.com_consistem_cs4j_company_model_Company', {
title : 'Empresa {Nova}',
autoDestroy : true,
closable : true,
extend : 'Ext.form.Panel',
xtype : 'form',
labelWidth : '150',
labelAlign : 'right',
fieldDefaults : {
labelWidth : '150',
labelAlign : 'right',
msgTarget : 'side'
},
defaults : {
anchor : '100%'
},
defaultType : 'textfield',
items : [ {
xtype : 'hiddenfield',
name : 'id'
}, {
fieldLabel : 'razaoSocial',
name : 'razaoSocial'
}, {
fieldLabel : 'cnpj',
name : 'cnpj'
}, {
fieldLabel : 'inscricaoEstadual',
name : 'inscricaoEstadual'
}, {
fieldLabel : 'inscricaoSuframa',
name : 'inscricaoSuframa'
}, {
fieldLabel : 'atividadeEconomica',
name : 'atividadeEconomica'
}, {
xtype : 'combobox',
fieldLabel : 'situacao',
queryMode : 'local',
displayField : 'label',
valueField : 'value',
store : Ext.create('Ext.data.Store', {
autoDestroy : false,
data : [ {
value : 'ATIVA',
label : 'ATIVA'
}, {
value : 'INATIVA',
label : 'INATIVA'
} ],
idIndex : 0,
fields : [ 'value', 'label' ]
}),
name : 'situacao'
}, {
xtype : 'fieldset',
title : 'endereco',
collapsible : false,
defaultType : 'textfield',
layout : 'anchor',
defaults : {
anchor : '100%'
},
items : [ {
xtype : 'hiddenfield',
name : 'id'
}, {
fieldLabel : 'logradouro',
name : 'logradouro'
}, {
fieldLabel : 'numero',
name : 'numero'
}, {
fieldLabel : 'complemento',
name : 'complemento'
}, {
fieldLabel : 'bairro',
name : 'bairro'
}, {
fieldLabel : 'cep',
name : 'cep'
}, {
fieldLabel : 'telefone',
name : 'telefone'
}, {
fieldLabel : 'fax',
name : 'fax'
}, {
fieldLabel : 'email',
name : 'email'
}, {
fieldLabel : 'uf',
name : 'uf'
}, {
fieldLabel : 'municipio',
name : 'municipio'
} ],
name : 'endereco'
} ],
initComponent : function() {
this.buttons = [ {
text : 'Salvar',
icon : 'dynamic_arquivos/OOo3_tango_icons/save_16x16.png',
action : 'save',
handler : function() {
//TODO
},
scope : this
}, {
text : 'Close',
handler : function() {
this.close();
},
scope : this
} ];
this.callParent(arguments);
}
});


Is there anything obvious that I am missing?!

15 May 2012, 4:39 PM
set your layout to anchor for the top-most component.

Remove xtype for the class definition.

labelWidth and labelAlign are not valid formPanel config options.