Scrolling problem in IE6
January 6th, 2009
I am having a little problem here. I have the following code (only the portion that's having problem) to have a window popout:
var northNaviBar = new Ext.Panel({
tbar: [{
text: 'Create',
tooltip: {title: 'Create', text: 'To create manual input form'},
menu: {
items: [{
text: 'Blog',
handler:function(){
// to popout a window for user to create a new entry for blog
var blogForm = new Ext.Window({
width: 600,
height: 550,
autoScroll: true,
title: 'Blog Input Form',
//To add the form here
items: [{
xtype: 'form',
autoScroll: true,
id: 'blogInput',
frame: true,
labelWidth: 70,
defaults: { width: 160 },
defaultType: 'textfield',
items: [{
fieldLabel: 'Title',
id: 'blogTitle',
width: 250
},{
fieldLabel: 'Source',
id: 'blogSource'
},{
xtype: 'datefield',
fieldLabel: 'Date',
id: 'blogDate'
},{
xtype: 'textarea',
fieldLabel: 'Content',
id: 'blogContent',
width: 450,
height: 100
},{
xtype: 'fieldset',
title: 'Comments',
autoWidth: true,
autoHeight: true,
defaults: { width: 160 },
defaultType: 'textfield',
items: [{
fieldLabel: 'Author'
},{
xtype: 'datefield',
fieldLabel: 'Date'
},{
xtype: 'textarea',
fieldLabel: 'Content',
width: 450,
height: 100
}]
}],
buttons: [{
text: 'More',
handler: function(){
Ext.getCmp('blogInput').insert(9999, {
xtype: 'fieldset',
title: 'Comments',
labelWidth: 70,
autoWidth: true,
autoHeight: true,
defaults: { width: 160 },
defaultType: 'textfield',
items: [{
fieldLabel: 'Author'
},{
xtype: 'datefield',
fieldLabel: 'Date'
},{
xtype: 'textarea',
fieldLabel: 'Content',
width: 450,
height: 100
}]
});
Ext.getCmp('blogInput').doLayout();
}
}]
}],
buttons: [{
text: 'redirect',
handler: function(){
var redirect = '../Create/blog.html';
window.location = redirect;
}
},{
text: 'Close',
handler: function(){
blogForm.close();
}
}],
keys: [{
key: 27, // hide on Esc
fn: function(){
blogForm.close();
}
}]
});
blogForm.on('minimize', function(){
blogForm.toggleCollapse();
});
blogForm.show();
},
scope: this
}]
});
This code works fine in FF2.. I get my pop-out and when I scroll the form after I clicked the "more" button, the textfields, textareas just move along..
http://img341.imageshack.us/img341/6682/noproblemue8.jpg
However, when I tried this out in IE6, I get these errors:
http://img185.imageshack.us/img185/5130/problem1jl7.jpg
http://img179.imageshack.us/img179/1033/problem2lz3.jpg
I am not sure what's the problem. I hope that someone with better eyesight is able to point out the mistake that I've missed out. :)
Argh!!! I love FF :">
Thanks ver much if someone Know this problem.
I've tried with and without autoHeight.. And this problem only occurs to me when I am viewing with IE6 (Did not tried IE7)
:(
Thnx Animal :D
Have subscribed to that thread. I'll need to iron out other little hiccups before going back to this problem..
#If you have any other info about this subject , Please add it free.# |
