Extjs甘特图开发指南之高级应用

Extjs甘特图的大数据量和性能优化

Extjs甘特图所能支持的数据量,以及界面的渲染和操作性能,是衡量一个甘特图组件是否符合项目需要的重要指标。

为了支持超过万级超大数据量的甘特图,Extjs提供一个数据缓冲视图的解决方案。使用这个方案非常简单,只需要在创建甘特图的时候,加入以下代码。

1.       var g = new Sch.gantt.GanttPanel({   

2.                      

3.                   view : new Sch.gantt.BufferedGanttView({   

4.                       scrollDelay : false  

5.                   }),   

6.                   taskStore : store,   

7.                   dependencyStore : dependencyStore,   

8.               });   

使用个数据缓冲视图的Extjs甘特图能支持10万条以上的数据量。在我们的测试中,内存开销和性能体验都非常好。

皮肤和主题

如果你不想让你的应用千人一面,那么Extjs甘特图提供的“皮肤和主题”功能就非常有必要了。Extjs甘特图提供三种不同风格的皮肤和样式,你也可以在美工的配合下自定义自己的皮肤和主题。

 

自定义主题1

 

自定义主题2

 

自定义主题3

以下的代码展示了通过CSS更改样式的多种方法。点击工具栏按钮更改样式。

1.       var g = new Sch.gantt.GanttPanel({   

2.          ...   

3.       });   

4.       handler : function() {   

5.           g.el.removeClass(['style2', 'style3']).addClass('style1');   

6.           g.view.refresh();   

7.       }  

别忘记调用view.refresh()来刷新视图。

点赞
收藏

评论区

加载中...

相关推荐

MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1

文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s

Oracle 分组与拼接字符串同时使用

SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(

MySQL部分从库上面因为大量的临时表tmp_table造成慢查询

背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

PPDB:今晚老齐直播

【今晚老齐直播】今晚(本周三晚)20:0021:00小白开始“用”飞桨(https://www.oschina.net/action/visit/ad?id1185)由PPDE(飞桨(https://www.oschina.net/action/visit/ad?id1185)开发者专家计划)成员老齐,为深度学习小白指点迷津。

2020年前端实用代码段,为你的工作保驾护航

有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )

Extjs甘特图开发指南之高级应用 - HelloWorld