ComboBox 和 DateField 在IE下消失的解决方法

编辑：rootadmin

前言作为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

标签: ComboBox 和 DateField 在IE下消失的解决方法

本文链接地址:https://www.jiuchutong.com/biancheng/370304.html 转载请保留说明！

上一篇：ExtJS DOM元素操作经验分享(dom操作元素属性)

下一篇：extjs render 用法介绍(renderjs echarts)