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

Ext3.3 在ie6 中gird 中bbar中定义的按钮诡异消失

\ 
阅读更多

今天调试了一个很奇怪的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 的样式变了,里面和边框的间隙没了 

 

 

 

 

1
0
分享到:
评论

相关推荐

    ext超酷的grid中放图片(ext3.2.1)

    在EXT JS 3.2.1版本中,Grid组件是一个非常强大的数据展示工具,它可以用于显示大量的结构化数据,并提供丰富的交互功能。标题"ext超酷的grid中放图片(ext3.2.1)"暗示了我们将探讨如何在EXT JS的Grid组件中嵌入和...

    ext Gird 有滚动条功能

    Ext Grid 是一个强大的数据展示组件,常用于在Web应用程序中展示结构化数据。在Ext Grid中,滚动条功能是至关重要的,特别是在处理大量数据时,它允许用户在不改变窗口大小的情况下浏览数据。本篇文章将深入探讨Ext ...

    Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。

    Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分...

    ext grid 导出excel 代码实例

    在EXT Grid中,导出数据到Excel是一种常见的需求,它允许用户方便地处理和分析大量数据。EXT Grid是一个强大的JavaScript组件,提供了丰富的功能,包括数据展示、排序、筛选和编辑等。导出到Excel功能则进一步增强了...

    Ext grid合并单元格

    根据提供的文件信息,我们可以深入探讨如何在 Ext JS 中实现 Grid 的单元格合并功能。此案例主要涉及到了自定义 GridView 的 `renderHeaders` 方法来达到单元格合并的目的,并且还涉及了模板(Template)的使用、...

    Ext扩展控件-----可以在代码中动态为表格增加一列或者删除一列

    在EXT JS这个强大的JavaScript框架中,开发者经常需要处理各种数据展示和操作,而表格(Grid)是其中常用的一种组件。EXT Grid控件提供了一个灵活且功能丰富的界面来展示和操作数据,而“Ext扩展控件”则进一步增强...

    Extjs2.0动态加载gird的例子

    在这个例子中,我们将探讨如何在ExtJS 2.0中实现动态加载的Grid组件,这是一个非常实用的功能,尤其对于处理大量数据时,可以显著提高用户体验。 动态加载Grid意味着数据不是一次性全部加载到页面中,而是根据用户...

    EXT JSON Grid示例

    本例采用PHP,json, sqlite,来显示一个EXT3.0的Grid,需要PHP环境,可以用xampp集成包。 部署后访问http://localhost/ExtSample/employee.php

    表格Ext js源代码

    在本资源中,我们关注的是"表格Ext js gird源代码",这涉及到Ext JS中的Grid Panel组件,它是展示和操作数据集的主要工具。 Grid Panel是Ext JS中的核心组件之一,用于显示结构化的数据,通常以表格的形式。它支持...

    Gird.zip mfc 写的GIRD 源码

    在本文中,我们将深入探讨由MFC(Microsoft Foundation Classes)编写的GIRD源码,以及在C++编程环境中如何利用这些源码实现基于对话框和Doc/View结构的应用。MFC是一个C++类库,它提供了对Windows API的封装,使得...

    Ext JS权威指南

    第10章和第11章分别详细介绍了重构后的gird和与gird同源的树;第12~16章分别讲解了表单、窗口、按钮、菜单、工具条、图形、图表,以及其他组件和实用功能;第17~19章分别介绍了ext.direct、动画功能和拖放功能;第20...

    ExtGridDemo

    10. **响应式布局(Responsive Layout)**:在ExtJS 5.1中,你可以利用Ext.container.Viewport和Ext.resizer.Splitter等组件,实现Grid在不同屏幕尺寸下的自适应布局。 11. **主题(Theme)**:ExtJS提供多种视觉...

    Ext2.0 javascript类库.rar

    ext是一个强大的js类库,以前是基于YAHOO-UI,现在已经完全独立了, 主要包括data,widget,form,gird,dd,menu,其中最强大的应该算gird了,编程思想是基于...官方网站提供这一接口),在引用ext类库的时候.这三个文件必不可少.

    Ext+MVC(combox,tree,gird,layout)

    ext + mvc combox tree grid layout

    ext js 2.2

    ext是一个强大的js类库,以前是基于YAHOO-UI,现在已经完全独立了, 主要包括data,widget,form,gird,dd,menu,其中最强大的应该算gird了,编程思想是基于...官方网站提供这一接口),在引用ext类库的时候.这三个文件必不可少.

    jq-extgrid v1.2 表格插件

    extgrid 是一款jquery上的gird插件 界面风格采用了类似easyui extjs 界面风格样式 可通过css修改自己想要的样式 extgrid具有列大小 位置改变 排序 分组 分页 工具栏 扩展行 rowNumber 多选列 编辑列 行列锁 ajax...

    ext5.0中将grid导出excel文件

    根据网络上已有的导出代码,替换ext2.0中的函数和属性为ext5.0版本。 无选择项默认导出全表。 未考虑grid分页的情况。 默认设置导出文件名为grid中name属性+当天年月日。 没有研究出data uri协议导出excel文件时动态...

    exejs gird filter java action

    在Web应用中,当用户在前端界面上进行操作(如点击过滤按钮)时,对应的Action会被调用,处理请求并返回响应。在这里,Java Action负责接收来自ExeJS Grid的过滤参数,对后台数据库中的数据进行筛选,然后将过滤后的...

    VC-MS-GIRD.rar_CellDemo _MS GIRD_gird_表格 excel vc_表格 vc

    【标题】"VC-MS-GIRD.rar" 是一个基于Visual C++(简称VC)开发的电子表格应用程序,它模仿了MS OFFICE中的表格处理软件,如Microsoft Excel的风格。这个项目名为"CellDemo _MS GIRD_gird_表格 excel vc_表格 vc",...

    ext-3.0-rc3

    ext是一个强大的js类库,以前是基于YAHOO-UI,现在已经完全独立了, 主要包括data,widget,form,gird,dd,menu,其中最强大的应该算gird了,编程思想是基于...官方网站提供这一接口),在引用ext类库的时候.这三个文件必不可少.

Global site tag (gtag.js) - Google Analytics