前言 作为Ext JS 的基本的Form 的组件, 这两个没有什么难的地方。 但是开发过程中却遇到了在 IE 浏览器中, 放大, 缩小窗口大小, 会导致 这两个组件消失不见。 点击某些地方又能显示出来。 不报任何错误。 在其他浏览器正常。 问题发生的状况 因为是在原项目的基础上导入Ext js , 所以页面中的form 并不是通过标准的 先创建form 组件, 再add form field 的方式进行的。 这里使用的 是纯html的form 和 input, 再使用Ext js 把 input render 成 Combobox 和 DateField. 说一下 combobox 产生的机制: 1. 通过Id 找到原input 2. 再找到这个input 的parent (原input 就可以删除了) 3. 创建新的Ext js Combobox 组件, render 到 原 input 的parent 中。(id 设置成原input id) Date Field 产生的机制类似。 方案探求 使用IE Developer 查看窗口变化后, 组件的变化。 发现,组件还在。 Ext js 组成一个Comobox 主要是: 在一个div 中套一个table, table 中套一个tr, tr 中有两个td , 第二个td 就是主要显示组件的。 看一些大致内容: 一开始以为是 把原input destory掉, 导致无法render, 改换成 hide(), 或是setDisabled,或setVisable 都不行。 以上td 还是存在在页面上, 不过位置发生了变化, 已经不再table 下面了。 看上去是Css 导致的。在 IE Developer 中 删除 x-form-item-body , IE 中正常了, 欣喜。 看一下Ext js 中x-form-item-body的定义 很简单, 就一行. 看来就是这个相对位置导致的。 不该Ext js 本身的CSS, 在自己的页面加入: static 是position 的默认值, 相当与没有设置值。 一切正常了 ^^ 但是有一个问题, Chrome 和firefox 并没有这个问题。 保险起见,对原功能的改动尽量要影响小一些。 加上条件注释: 只有在IE下, 以上代码才生效。
推荐整理分享ComboBox 和 DateField 在IE下消失的解决方法,希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!
extjs render 用法介绍 varcm=newExt.grid.ColumnModel([newExt.grid.RowNumberer({header:"",width:,align:'center'}),{header:'',align:'center',dataIndex:'AccountAndRoseID',width:,sortable:true,hidden:true},{header:'',align:
ExtJs 实现动态加载grid完整示例 Ext3.3完整包Ext3.3中文文档数据表的结构是:数据表table记录record字段store的结构是:Ext.data.StoreExt.data.RecordExt.dataDataFieldstore首先驱动DataProxy加载数据,DataPr
Extjs实现进度条的两种便捷方式 做Extjs开发中,往往后台程序可能要执行一段时间才能得到返回结果,加入进度条可以提高客户体验度,以下为两种便捷的方式:1.提交数据前用Ext.Msg.wa