[Ext JS 4] 实战之 ComboBox 和 DateField (消失之解决办法)

前言

作为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）

[Ext JS 4] 实战之 ComboBox 和 DateField (消失之解决办法)相关推荐

[Ext JS 4] 实战之 ComboBox 和 DateField 的点击事件在IE下失效
前言先大致描述一下状况: 实现的功能是: 1.使用Ext 的tab Panel 创建了一些 tab , 2. 在某个子tab 下又嵌套了一个tab Panel . 3. 在某个孙子的tab 下加了一 ...
[Ext JS 4] 实战之多选下拉单 (带checkbox) 续 - 带ALL 选项
前言在 [Ext JS 4] 实战之多选下拉单 (带checkbox) 这一篇中有介绍如何开发带有checkbox 的多选菜单. 但是实际项目开发过程中, 用户的需求也是不断精进的. 使用淘宝或是其 ...
[Ext JS 4] 实战之Load Mask - 在Grid Reconfigure的使用状况
前言关于 Extjs 的 load mask 的使用,可以参考: [Ext JS 4] 实战之Load Mask(加载遮罩)的显示与隐藏一般而言,在如下情况下可能要使用grid 的 reconfi ...
[Ext JS 4] 实战之Grid, Tree Gird 动态添加列续(性能考虑)
前言延续: [Ext JS 4] 实战之Grid, Tree Gird 动态添加列这一篇. 在上一篇中有提到在grid 中如何进行带隐藏栏位的动态添加方式.归纳一下思路就是: 先显示,后隐藏. 当 ...
[Ext JS 4] 实战之Grid, Tree Gird 动态添加行
前言在 [Ext JS 4] 实战之Grid, Tree Gird 动态添加列这一篇中,有介绍到如何动态添加一列 -- 设置新columns 后调用reconfigure 方法. 这里来承接这一篇 ...
[Ext JS 4] 实战之带week(星期)的日期选择控件(三)
前言在 [Ext JS 4] 实战之带week(星期)的日期选择控件(二) 的最后,有提到一个解决方案. 不过这方案有一个条件 ==> "2. 每年的周数从(1-52), 如果超 ...
[Ext JS 4] 实战之带week(星期)的日期选择控件(二)
前言 JavaScript 中的日期和时间 [Ext JS 4] 实战之带week(星期)的日期选择控件(一) 如对本篇的一些预备知识需详尽了解,可参考以上两篇. Javascript 有提供Dat ...
vue.js 引用背景图 background 无效的3种解决办法
#vue.js项目中,出现css调用background背景图无效?如何解决? 或者调用<img>标签,也无效果? 直接上代码,自行对比查找一下: 效果图预览 1. 正确的代码,示例如下: ...
[Ext JS 4] 实战之多选下拉单 (带checkbox)
前言 Ext js 创建一个多选下拉单的方式很简单, 使用Ext.form.ComboBox, 设置 multiSelect 为true 就可以了. 但是如果要在每个下拉之前加上一个checkbox, ...

[Ext JS 4] 实战之 ComboBox 和 DateField (消失之解决办法)

前言

问题发生的状况

[Ext JS 4] 实战之 ComboBox 和 DateField (消失之解决办法)相关推荐

最新文章

热门文章