为什么extjs甘特图load加载时很慢

简化extjs自带的库文件，把没用到的代码删了，比如说你的代码没有用到画图那块，你就可以把ext-all.js中，有关图形那块的代码删掉，删的时候很简单，找到Ext.chart.XX的定义，把这定义的一大块删了就行了

然后做js压缩，

百度

一下Closure Compiler，或者去我空间看下有Closure Compiler三种压缩级别的介绍，把ext自带的库文件和你自己的js代码全都做压缩了

以上两步会大大减小js的kb数~~~

另外还有，就是优化你自己的js代码，如果你的js文件比较多，可以考虑提出一些公共的代码，利用代码复用，降低代码量，从而缩小js体积

首先创建一个TabPanel 对象 例如：main

main 里面有个首页对应其他十几个页面的按钮，点按钮添加一个tab ：

var tab =main.getComponent(tabId)//得到tab组建 tabId为main的id

tab = main.add(new Ext.Panel({id:tabId,title:tabTitle,autoScroll:true,layout: 'fit',border:false,closable:true}))

main.setActiveTab(tab)

如果不用按钮 ，延迟加载可以用：

var loadmask = loadMaskModel

loadmask.show()

loadmask.hide()在这个之后再main.add()

或者也可以监听 onload 事件 之后 在main.add()

如果你不嫌烦的话 在每个界面加一个定时器，

Ext.TaskMgr.start(Add)

var Add= {

run : function() {

setTimeout(

//main.add()的内容

), 10000)

},

interval : 30 * 1000 //每30秒执行一次

}

所有界面加载后记得关闭这个定时器。

或许还有跟好办法 但是这个要看你具体的要求是什么。

把你的simpleStore换成一个JsonStore去后台load数据，再把combo的mode改为‘remote’就可以了，JsonStore的用法可以查询API文档或者baidu一下

---