Ext3.3 在ie6上的诡异问题1：点击查询,或者随便弹出Ext.MessageBox.alert()后,下拉菜单的键头会移到左边...

Ext3.3 在ie6上的诡异问题1：点击查询,或者随便弹出Ext.MessageBox.alert()后,下拉菜单的键头会移到左边

 

修改前代码：

/***********************************************************************
 * 容器panel定义（在容器containerPanel的items中多了层么有指定layout的容器，来盛放infoForm等元素）
 ***********************************************************************/
var containerPanel = new Ext.Panel({
	layout : 'column',
	border : false,
	frame : true,
	applyTo : 'app_main_panel_'+tabPanelIndex,
	id : 'containerPanel_'+tabPanelIndex,
	bodyStyle : 'padding:0px 0px 0px 0px',
	width : talksWidth,
	height : talksHeigth,
	items : [
		   {    id:"formsPanel_"+tabPanelIndex,
				columnWidth : 1,
				items :[
					{
						columnWidth : 1,
						items : infoForm
					}, {
						columnWidth : 1,
						items : [resultForm]
					}, {
						columnWidth : 1,
						items : [detailForm]
					}]
			}]
});

 修改后：

/***********************************************************************
 * 容器panel定义（去掉了那么多一层的，问题解决）
 **********************************************************************/
var talksWidth=document.body.clientWidth-663;
var talksHeigth=document.body.clientHeight-455;

var containerPanel = new Ext.Panel({
	layout : 'column',
	border : false,
	frame : true,
	applyTo : 'app_main_panel_'+tabPanelIndex,
	id : 'containerPanel_'+tabPanelIndex,
	bodyStyle : 'padding:0px 0px 0px 0px',
	width : talksWidth,
	height : talksHeigth,
	items : [
			{
				columnWidth : 1,
				items : infoForm
			}, {
				columnWidth : 1,
				items : [resultForm]
			}, {
				columnWidth : 1,
				items : [detailForm]
			}
		   ]
});

 

 总结: Ext3.3在ie6上出现的各种诡异好多都容器的layout属性有关系，出现类似的问题可以定位元素后后一步一步向外层找外部容器是不是指定了layout属性

 

 

参考： Ext3.3 在ie6上的诡异问题2:gird 中bbar中定义的按钮诡异消失