博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Extjs甘特图的高级应用
阅读量:6089 次
发布时间:2019-06-20

本文共 744 字,大约阅读时间需要 2 分钟。

hot3.png

的大数据量和性能优化

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

为了支持超过万级超大数据量的甘特图,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甘特图提供的“皮肤和主题”功能就非常有必要了。提供三种不同风格的皮肤和样式,你也可以在美工的配合下自定义自己的皮肤和主题。

 

自定义主题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()来刷新视图。

转载于:https://my.oschina.net/u/180932/blog/41970

你可能感兴趣的文章
微软职位内部推荐-Senior Software Engineer II-Sharepoint
查看>>
sql 字符串操作
查看>>
【转】Android布局优化之ViewStub
查看>>
网络安全管理技术作业-SNMP实验报告
查看>>
根据Uri获取文件的绝对路径
查看>>
Flutter 插件开发:以微信SDK为例
查看>>
.NET[C#]中NullReferenceException(未将对象引用到实例)是什么问题?如何修复处理?...
查看>>
边缘控制平面Ambassador全解读
查看>>
Windows Phone 7 利用计时器DispatcherTimer创建时钟
查看>>
程序员最喜爱的12个Android应用开发框架二(转)
查看>>
vim学习与理解
查看>>
DIRECTSHOW在VS2005中PVOID64问题和配置问题
查看>>
MapReduce的模式,算法以及用例
查看>>
《Advanced Linux Programming》读书笔记(1)
查看>>
zabbix agent item
查看>>
一步一步学习SignalR进行实时通信_7_非代理
查看>>
AOL重组为两大业务部门 全球裁员500人
查看>>
字符设备与块设备的区别
查看>>
为什么我弃用GNOME转向KDE(2)
查看>>
Redis学习记录初篇
查看>>