PDA

View Full Version : Ext.form.Panel doesn't appear with IE 9 & 10



fagma
1 Dec 2014, 12:38 AM
Hello !
This is a form which doesn't appear at all with IE 9 & 10, while it works with all others browsers.
I'm using ExtJS 4.
If anyone has got an idea, thanks a lot ! :D




Ext.require([
'Ext.form.*'
]);


var authentification_form = Ext.create('Ext.form.Panel', {
frame: false,
width: 412,


// The form will submit an AJAX request to this URL when submitted
url: base_alias + '/index/index',


// Fields will be arranged vertically, stretched to full width
// layout: 'anchor',
defaults: {
anchor: '100%'
},

fieldDefaults: {
labelAlign: 'left',
labelWidth: 90,
anchor: '100%'
},


// The fields
defaultType: 'textfield',
items: [{
fieldLabel: 'Societe',
name: 'soc',
allowBlank: false,
invalidCls: 'obligatoire'
},{
fieldLabel: 'Identifiant',
name: 'login',
allowBlank: false,
invalidCls: 'obligatoire'
},{
fieldLabel: 'Mot de passe',
name: 'mpass',
inputType: 'password',
allowBlank: false,
invalidCls: 'obligatoire'
}],




// Reset and Submit buttons
buttons: [/*{
text: 'Annuler',
handler: function() {
this.up('form').getForm().reset();
}
}, */{
text: 'Connexion',
id: 'submit_login',
formBind: true,
disabled: true,
handler: function() {
var form = this.up('form').getForm();
if (form.isValid()) {
form.submit({
waitTitle: "Connexion...",
waitMsg: "Verification des informations en cours...",
success: function(form, action) {
if (action.result.prem_connexion == "A")
show_administrateur_modif();
else if (action.result.prem_connexion == "U")
show_utilisateur_modif();
else
document.location.href = document.location.href + 'index/accueil';
},
failure: function(form, action) {
Ext.Msg.alert('Echec de connexion', action.result.msg);
Ext.Msg.show({
title:'Echec de connexion',
msg: action.result.msg,
buttons: Ext.Msg.OK,
icon: Ext.Msg.WARNING
});
}
});
}
}
}]
});

carol.ext
1 Dec 2014, 10:37 AM
What are you doing with the form to display it?

I threw your code into a fiddle and made 2 changes. Displayed okay in chrome 26/IE 9 with Ext JS 4.2.1.

1. Added renderTo
2. commented the url since base_alias doesn't exist in the provided code.


renderTo: Ext.getBody(),


// The form will submit an AJAX request to this URL when submitted
// url: base_alias + '/index/index',

lumberjack
2 Dec 2014, 1:09 PM
Here's the example fiddle.

ecc

carol.ext
2 Dec 2014, 3:10 PM
Is displaying okay for me in IE9. Works in the forum or opened in fiddle. I opened the dev tools after it wworked to display the browser info. The browser version is 9.0.8112.16421, update version 9.0.33.

51169

fagma
3 Dec 2014, 12:18 AM
I think you're right. The pb seems to be something else. If i find it, i'll tell you.