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

[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）

<!--[if IE]><style>.x-form-item-body {  position: static !important;}</style><![endif]-->

只有在IE下， 以上代码才生效。