Ext3.3 在ie6 中gird 中bbar中定义的按钮诡异消失-优快云博客

本文详细记录了解决在IE6环境下使用Ext3.3框架时，grid中的bbar按钮（如显示详情、上一页、下一页）在弹出Ext.MessageBox.alert()后消失的问题。通过将layout属性从form改为column，成功使按钮显示正常，同时分析了样式变化情况。

今天调试了一个很奇怪的Ext3.3 在ie6 上问题.问题是解决了，但具体原因不知道

grid中的bbar上的按钮,比如显示详情、上一页、下一页的按钮会随便在哪个地方弹出Ext.MessageBox.alert()h后奇怪的消失掉。而这在ie7和ie8上是正常的

原来的代码：

/***********************************************************************
		 * 查询结果panel定义
**********************************************************************/
var resultForm = new Ext.Panel({
	labelAlign : 'right',
	labelWidth : 80,
	layout : 'form',
	items : [{
				columnWidth : 1,
				title : '查询结果',
				xtype : 'fieldset',
				layout : 'form',
				collapsible : true,
				items : grid
			}]
});

修改后显示详情按钮正常了，但是上一页、下一页按钮还是会消失

/***********************************************************************
		 * 查询结果panel定义(显示详情按钮正常,分页按钮还是会消失 )
**********************************************************************/
var resultForm = new Ext.Panel({
	labelAlign : 'right',
	labelWidth : 80,
	layout : 'form',
	items : [{
				title : '查询结果',
				xtype : 'fieldset',
				layout : 'column',
				collapsible : true,
				items : grid
			}]
});

继续修改，终于分页按钮也正常了

/***********************************************************************
		 * 查询结果panel定义(显示详情、分页按钮都正常了)
**********************************************************************/
var resultForm = new Ext.Panel({
	labelAlign : 'right',
	labelWidth : 80,
	layout : 'column',
	items : [{
				title : '查询结果',
				xtype : 'fieldset',
				layout : 'column',
				collapsible : true,
				items : grid
			}]
});

总结：这里的修改主要就是把layout属性由form 改为了column 就行了，具体原因不知道

按钮时正常了，但是其中的grid所在的查询结果的fieldSet和查询表单所在的fieldSet 的样式变了，里面和边框的间隙没了