项目甘特图方案

Ext Scheduler资源甘特图

三世轮回 提交于 2019-11-30 17:08:34
Ext Scheduler Web资源甘特图控件 资源甘特图又叫负荷图,其纵轴不再列出活动,而是列出整个部门或特定的资源。 Ext Scheduler资源甘特图 是基于Extjs核心库的开发的,基于WEB浏览器的甘特图解决方案。可应用于生产能力进行计划和控制系统等的开发。和 Ext Gantt甘特图 一样, Ext Scheduler甘特图 完全兼容Extjs语法,熟悉Extjs可以轻易上手。 Ext Scheduler Web资源甘特图控件演示 资源甘特图基本例子 该例子演示了不同的时间刻度的变换。单击工具栏上的按钮切换时间刻度。开发人员也很容易自定义自己的时间刻度, 例如,每个刻度代表5分钟或10年等等。时间刻度可以动态的调整或通过程序赋值。 单击这里查看演示 资源甘特图中将资源分组 这个例子演示了如何将资源分组。先安排一些资源到时间刻度内,然后单点击组前的“-”号关闭组的时候,资源会以略缩图的形式显示. 单击这里查看演示 只读视图和分组预览 该例子演示了如何生成一个只读的甘特视图。在只读的视图还包含分组预览的例子 单击这里查看演示 资源甘特图中定位甘特图中的元素 该示例演示了如何编程来定位甘特图中的元素。你可以滚动视图到某个时间点,或者到事件集中的某个事件。 单击这里查看演示 仿桌面软件的甘特图窗口 很多项目管理软件都是b/s结构,用户习惯于桌面软件的界面

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

落花浮王杯 提交于 2019-11-28 14:37:15
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