PDA

View Full Version : FieldSet problem with IE



ktalasu
30 Jun 2008, 7:04 AM
Hi,

I have some problem with IE(FF is working fine) with FieldSet in coloumn layout.

I have FieldSet with column layout having two columns. I want to put this in another column layout.(Please find the attached images.).

Now my problem is i am not able to see FieldSet content in IE.

Here is my code:


//FieldSet
var paymentCardNumber = new Ext.form.FieldSet({
layout:'column',
id:'paymentcardnumber',
title: 'Payment Card Number',
//hideBorders:true,
width:320,
height:100,
items: [{
columnWidth:0.70,
layout: 'form',
height:320,
labelAlign: 'left',
items :[paymentCardno]
},{
columnWidth:0.30,
layout: 'form',
hideLabel:true,
height:320,
items :[paymentCardLastNo]
}]

});

Now my Fields are:


var paymentCardno = new Ext.form.TextField({
xtype:"numberfield",
fieldLabel:"Payment Card Number",
name:"paymentCardNo",
id:"paymentCardNo",
minLengthText:'Please enter minimum of 6 digits.',
maxLengthText:'Please enter maximum of 6 digits.',
msgTarget:'side',
minLength:6,
maxLength:6,
width:80
});

var paymentCardLastNo = new Ext.form.TextField({
xtype:"numberfield",
name:"paymentCrdNo",
id:"paymentCrdNo",
hideLabel:true,
minLengthText:'Please enter minimum of 4 digits.',
maxLengthText:'Please enter maximum of 4 digits.',
msgTarget:'side',
minLength:4,
maxLength:4,
width:50

});

Below i am using my field set.


{ //Search tab
title:'Search',

layout:'column',
id:'SearchPage',
autoHeight:true,
items: [{
columnWidth:0.54,
layout: 'form',
height:200,
bodyStyle:'padding:15px 0 0px 40px', //hideBorders:true,
items: [gaccount,paymentCardNumber,amount,authorisationCode]
},{
columnWidth:0.15,
layout: 'form',
height:125,
bodyStyle:'padding:15px 0 0px 25px',
items:[{
xtype:'radio',
boxLabel:"From-To",
hideLabel:true,
name: 'radio',
inputValue:"radiovalue",
id:'radio1',
onClick:criteria
},
{ xtype:'radio',
boxLabel:"All",
hideLabel:true,
name: 'radio',
id:'radio2',
inputValue:"all",
onClick:disableFields
}],
buttons: [{text: 'Search',onClick:searchCriteria}]
},{ columnWidth:0.15,
layout: 'form',
buttonAlign:'left',
bodyStyle:'padding:12px 0 0px 10px',
height:125,
items:[visibility,To],
buttons: [{text: 'Clear', onClick:clearSearchData}]
}]
}

It is working fine with FF(3.0), but getting problem with IE.

I tried to solve this problem, but i couldn't.

Please help me on this.

ktalasu
7 Jul 2008, 3:02 AM
Hi,

I have some problem with IE(FF is working fine) with FieldSet in coloumn layout.

I have FieldSet with column layout having two columns. I want to put this in another column layout.(Please find the attached images.).

Now my problem is i am not able to see FieldSet content in IE.

Here is my code:


//FieldSet
var paymentCardNumber = new Ext.form.FieldSet({
layout:'column',
id:'paymentcardnumber',
title: 'Payment Card Number',
//hideBorders:true,
width:320,
height:100,
items: [{
columnWidth:0.70,
layout: 'form',
height:320,
labelAlign: 'left',
items :[paymentCardno]
},{
columnWidth:0.30,
layout: 'form',
hideLabel:true,
height:320,
items :[paymentCardLastNo]
}]

});

Now my Fields are:


var paymentCardno = new Ext.form.TextField({
xtype:"numberfield",
fieldLabel:"Payment Card Number",
name:"paymentCardNo",
id:"paymentCardNo",
minLengthText:'Please enter minimum of 6 digits.',
maxLengthText:'Please enter maximum of 6 digits.',
msgTarget:'side',
minLength:6,
maxLength:6,
width:80
});

var paymentCardLastNo = new Ext.form.TextField({
xtype:"numberfield",
name:"paymentCrdNo",
id:"paymentCrdNo",
hideLabel:true,
minLengthText:'Please enter minimum of 4 digits.',
maxLengthText:'Please enter maximum of 4 digits.',
msgTarget:'side',
minLength:4,
maxLength:4,
width:50

});

Below i am using my field set.


{ //Search tab
title:'Search',

layout:'column',
id:'SearchPage',
autoHeight:true,
items: [{
columnWidth:0.54,
layout: 'form',
height:200,
bodyStyle:'padding:15px 0 0px 40px', //hideBorders:true,
items: [gaccount,paymentCardNumber,amount,authorisationCode]
},{
columnWidth:0.15,
layout: 'form',
height:125,
bodyStyle:'padding:15px 0 0px 25px',
items:[{
xtype:'radio',
boxLabel:"From-To",
hideLabel:true,
name: 'radio',
inputValue:"radiovalue",
id:'radio1',
onClick:criteria
},
{ xtype:'radio',
boxLabel:"All",
hideLabel:true,
name: 'radio',
id:'radio2',
inputValue:"all",
onClick:disableFields
}],
buttons: [{text: 'Search',onClick:searchCriteria}]
},{ columnWidth:0.15,
layout: 'form',
buttonAlign:'left',
bodyStyle:'padding:12px 0 0px 10px',
height:125,
items:[visibility,To],
buttons: [{text: 'Clear', onClick:clearSearchData}]
}]
}

It is working fine with FF(3.0), but getting problem with IE.

I tried to solve this problem, but i couldn't.

Please help me on this.



Hi,

Sorry for not putting the code properly.

Still i am waiting for the reply.

jdent
9 Jul 2008, 8:30 AM
I too am having the same issue when using fieldset in IE vs FF. Any help would be greatly appreciated.

carol.extjs
9 Jul 2008, 8:40 AM
Can you provide code we can drop in an examples folder?

The only thing I saw with my non-expert eyes is that this looks wrong (TextField with xtype "numberfield"):



new Ext.form.TextField({
xtype:"numberfield",

I presume you checked for trailing commas...first thing to look at with IE-specific problem.

ktalasu
16 Jul 2008, 12:39 AM
Hi,

Thanx for the reply.

Sorry for my late response.

Trailing commas means? I think if i miss any comma, IE will give error. So i think it's not the problem with the commas(I will check it again).

One more doubt...

Will it make any difference if i specify name and id are different? Currently i am using name and id values are same while defining the variables.

Hi jdent, have you solved this problem?

Please let me know your thoughts on this.

Joyce
8 Sep 2008, 12:23 PM
Maybe a little late, but I had the same issue. I have a column layout inside a field set and it doesn't look like column layout was applied at all in IE. So, I just used a table layout instead. Seems to be working well so far.