`
zhouchaofei2010
  • 浏览: 1104131 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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中定义的按钮诡异消失

 

0
0
分享到:
评论

相关推荐

    EXT2.0中文教程

    5.2.1. Ext.MessageBox.alert() 5.2.2. Ext.MessageBox.confirm() 5.2.3. Ext.MessageBox.prompt() 5.3. 如果你想的话,可以控制得更多 5.3.1. 可以输入多行的输入框 5.3.2. 再看一个例子呗 5.3.3. 下一个例子是...

    Ext 开发指南 学习资料

    5.2.1. Ext.MessageBox.alert() 5.2.2. Ext.MessageBox.confirm() 5.2.3. Ext.MessageBox.prompt() 5.3. 如果你想的话,可以控制得更多 5.3.1. 可以输入多行的输入框 5.3.2. 再看一个例子呗 5.3.3. 下一个例子是...

    Ext Js权威指南(.zip.001

    Ex4.0共2个压缩包特性,《ext js权威指南》 前 言 第1章 ext js 4开发入门 / 1 1.1 学习ext js必需的基础知识 / 1 1.2 json概述 / 3 1.2.1 认识json / 3 1.2.2 json的结构 / 3 1.2.3 json的例子 / 4 1.2.4 ...

    掏钱学Ext(完整版) 附全部源码

    5.2.1. Ext.MessageBox.alert() 5.2.2. Ext.MessageBox.confirm() 5.2.3. Ext.MessageBox.prompt() 5.3. 如果你想的话,可以控制得更多 5.3.1. 可以输入多行的输入框 5.3.2. 再看一个例子呗 5.3.3. 下一个...

    精通JS脚本之ExtJS框架.part1.rar

    5.2.2 Ext.MessageBox.alert() 5.2.3 Ext.MessageBox.confirm() 5.2.4 Ext.MessageBox.prompt() 5.2.5 Ext.MessageBox.wait() 5.2.6 Ext.MessageBox.show() 5.2.7 Ext.MessageBox的其他功能 5.3 ...

    extjs菜单的开发

    首先,`Ext.Toolbar`是菜单条类,用于在页面上显示一排工具按钮或菜单。创建一个Toolbar时,你需要指定容器(container)和包含按钮或菜单的数组。 `Ext.menu.Menu`是菜单类,它代表一个下拉菜单,可以包含多个菜单...

    精通JS脚本之ExtJS框架.part2.rar

    5.2.2 Ext.MessageBox.alert() 5.2.3 Ext.MessageBox.confirm() 5.2.4 Ext.MessageBox.prompt() 5.2.5 Ext.MessageBox.wait() 5.2.6 Ext.MessageBox.show() 5.2.7 Ext.MessageBox的其他功能 5.3 ...

    doc格式 ext EXT 中文手册

    ### EXT中文手册知识点总结 #### 1. EXT简介与安装 - **EXT**: 一种用于构建Web应用程序的JavaScript框架,提供了丰富的用户界面组件和强大的工具集。 - **安装**: 安装过程涉及到将ZIP文件解压到指定目录,并确保...

    ExtJS 3.2的中文参考手册

    - **创建菜单**: 可以通过简单的API创建各种类型的菜单,如上下文菜单、弹出菜单等。 - **菜单项类型**: 包括普通菜单项、分隔符、检查框等不同类型。 - **菜单项属性**: 如`text`、`handler`等,用于定义菜单项的...

    extjs 总结,可以方便大家开发

    例如,`Ext.MessageBox.alert("title", "msg", function())`可以显示一个带有指定标题和消息的确认对话框,函数在用户点击确认后执行。`Ext.MessageBox.show()`则提供了更多自定义选项,如按钮配置、是否可关闭、...

    Extjs中文教程2.x

    - **特点**: 弹出式的窗口,可以移动、最大化等。 - **示例**: `new Ext.window.Window({ title: 'Window', width: 400 })`。 **13.2 功能** - **最大化**: `maximize()` 方法。 - **最小化**: `minimize()` 方法...

    extjs文档 版本3.2.0

    例如,以下代码会在页面加载完成后弹出一个警告框: ```javascript Ext.onReady(function() { Ext.MessageBox.alert('HelloWorld', 'Hello World'); }); ``` 3. **框架基础与核心**: - **事件处理**:EXT JS...

Global site tag (gtag.js) - Google Analytics