PDA

View Full Version : IE problem with Itemselector



JNason
1 Oct 2007, 5:19 AM
I have an itemselector form inside of a table cell. It appears fine in FF, but I am having an issue with IE. The form appears, but the content that is loaded (from perl) in the form is not there. It appears if you click on the buttons that move the content between the two boxes, but not when initially rendered. I'm not sure what I am missing. (And the table is used for layout on an existing app or I would not be putting the form there) Does anyone have any suggestions?



<table width="99%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="padding: 2px; background: #FFFFFF;">
<div style="width:60%; margin: 0 auto; padding:20px;">
<div class="x-box-tl">
<div class="x-box-tr">
<div class="x-box-tc">
</div>
</div>
</div>
<div class="x-box-ml">
<div class="x-box-mr">
<div class="x-box-mc">
<div id="form-ct-itemselector"></div>
</div>
</div>
</div>
<div class="x-box-bl">
<div class="x-box-br">
<div class="x-box-bc">
</div>
</div>
</div>
</div>
</td>
</tr>
</table>

Ext.onReady(function(){

Ext.QuickTips.init();
Ext.QuickTips.enable();
Ext.form.Field.msgTarget = 'side';
var formIS = new Ext.form.Form({ labelWidth: 200 });
formIS.baseParams = {temporaryID:$in{temporaryID},CompanyID:$in{companyID}};
var itemSelector = new Ext.ux.ItemSelector({
name : 'ppStores',
fieldLabel : 'StoreList',
dataFields : ['StoreID', 'StoreName'],
fromData : $fromList,
toData : $toList,
msWidth : 150,
msHeight : 250,
valueField : 'StoreID',
displayField : 'StoreName'
});

formIS.add(itemSelector);

var submit = formIS.addButton({
text: 'Submit',
disabled:false,
handler: function(){
formIS.submit({url:'/cgi-bin/assignstoredata.cgi', waitMsg:'Saving Data...'});
}
});

formIS.render('form-ct-itemselector');
});

tjstuart
1 Oct 2007, 8:54 PM
What version of IE are you using? I can't replicate on IE6 or 7. It sounds like the infamous IE-Zoom bug.

Could you post the javascript code after perl has inserted the data ie. with the data intact.