Extjs tree+tab框架不支持IE的解决办法

来源：互联网发布：数据免费恢复软件编辑：程序博客网时间：2024/06/05 09:09

最近项目使用了Extjs4，框架还是传统的左边树功能菜单，右边多tab页的方式，发现无法支持IE浏览器，这个问题严重了，查了官方文档说对IE支持很好，这可郁闷了，所有开发人员都来折腾这个严重的问题，折腾了大半天也没搞出个名堂，让人百思不得其解。第二天活忙得差不多了继续来折腾这个问题，发现一部分模块能在IE上使用，这下诡异了，先以为是模块内的问题，认真比较代码，发现代码基本上一直，没在这里面找到原因。于是我把生成树的JSON对象数据拿过来对比，问题终于被发现了，ID值大的菜单都可以在IE下显示，值较小的都无法显示，于是我把所有值都调大了，果然都能在IE上使用，具体什么原因不得而知，先把问题给解决了。

[{"children":             [{"children":               [{"children":[],"controller":"maindata.ProductController","href":"AM.view.maindata.ProductView","id":6000,"leaf":true,"memo":"","menuLevel":0,"menuType":0,"parent":3000,"text":"商品引入"}],               "controller":"","href":"主数据管理","id":3000,"leaf":false,"memo":"","menuLevel":0,"menuType":0,"parent":1000,"text":"主数据管理"},              {"children":[{"children":[],"controller":"","href":"销售单录入","id":7000,"leaf":true,"memo":"","menuLevel":0,"menuType":0,"parent":4000,"text":"销售单录入"}],               "controller":"","href":"销售管理","id":4000,"leaf":false,"memo":"","menuLevel":0,"menuType":0,"parent":1000,"text":"销售管理"},              {"children":[{"children":[],"controller":"auth.UserManagerController","href":"AM.view.auth.UserManagerView","id":5000,"leaf":true,"memo":"","menuLevel":0,"menuType":0,"parent":2000,"text":"用户管理"}],               "controller":"","href":"系统管理","id":2000,"leaf":false,"memo":"","menuLevel":0,"menuType":0,"parent":1000,"text":"系统管理"}],  "controller":"","href":"根级菜单","id":1000,"leaf":false,"memo":"","menuLevel":0,"menuType":0,"parent":0,"text":"管理"}]

看到了吗，就是这个ID哦，建议您在使用的时候如果没有必要就不要使用数字了。