前段时间用Ext的Wizard做了个数据导出程序,结果在FireFox上运行OK,IE和Chrome下均不能显示。
最终经过IE8的调试工具,层层调试才发现了问题的原因,记录如下:
(1)ExtJs Wizard框架会生成一个Form标记。
(2)我的Wizard的第一个画面上有个元素为Ext.Form.FormPanel
(3)ExtJs Wizard框架在render 时用el.innerHTML=createElement(o); 的方式,
当o的内容为Form的HTML标记时IE和Chrome都会出错。因为它们认为Form中不能再有Form。
修改办法:把Wizard的第一个画面上有个元素为Ext.Form.FormPanel 修改为 Ext.Panel就可以了。
总结:ExtJs的 Wizard画面中不要有Form元素。