Ext Scheduler Web资源甘特图控件

Ext Scheduler Web资源甘特图控件

资源甘特图又叫负荷图，其纵轴不再列出活动，而是列出整个部门或特定的资源。

Ext Scheduler资源甘特图是基于Extjs核心库的开发的，基于WEB浏览器的甘特图解决方案。可应用于生产能力进行计划和控制系统等的开发。和Ext Gantt甘特图一样，Ext Scheduler甘特图完全兼容Extjs语法，熟悉Extjs可以轻易上手。

 

 

 

Ext Scheduler Web资源甘特图控件演示

资源甘特图基本例子

该例子演示了不同的时间刻度的变换。单击工具栏上的按钮切换时间刻度。开发人员也很容易自定义自己的时间刻度， 例如，每个刻度代表5分钟或10年等等。时间刻度可以动态的调整或通过程序赋值。

单击这里查看演示

资源甘特图中将资源分组

这个例子演示了如何将资源分组。先安排一些资源到时间刻度内，然后单点击组前的“-”号关闭组的时候，资源会以略缩图的形式显示.

单击这里查看演示

只读视图和分组预览

该例子演示了如何生成一个只读的甘特视图。在只读的视图还包含分组预览的例子

单击这里查看演示

资源甘特图中定位甘特图中的元素

该示例演示了如何编程来定位甘特图中的元素。你可以滚动视图到某个时间点，或者到事件集中的某个事件。

单击这里查看演示

仿桌面软件的甘特图窗口

很多项目管理软件都是b/s结构，用户习惯于桌面软件的界面。该例子是一个仿桌面软件的甘特图窗口。

单击这里查看演示

甘特图和统计图的动态联动

该例子演示了甘特图和统计图的动态联动，其技术原理是单数据和多视图的联动， Ext.data.Store中存储的数据是甘特图和统计图共同拥有。当数据变化时，所有的视图都会被通知(notified) 。

单击这里查看演示

资源甘特图高级拖拽功能

该例子演示了如何将网页中的其他元素拖拽到资源甘特图中。不同的元素可以进行不同的拖拽操作。你可以将任务(在左下方列表)拖动到时间刻度中，以分配给某一个人；也可以将人员（右下方列表中）拖拽到某个组群里面。

单击这里查看演示

将甘特图导出到Excel表中

该例子演示了如何将甘特图导出到Excel表中。数据格式的定义是根据wiki文档中所描述的. 该例子为纯客户端例子，只能运行在支持客户端数据流的浏览器（如Firefox）中。如果需要运行于IE中，则需要服务器端代码支持。

单击这里查看演示

自定义资源甘特图的事件编辑器

该例子演示了如何弹出自定义的对话框来编辑一个事件。另外左边的资源栏也可以用不同的控件编辑. 双击事件可以弹出对话框。鼠标在事件上悬停可显示提示框。

单击这里查看演示

特殊的时间点和时间范围

该例子演示了如何显示特殊的时间点和时间范围。 特殊时间线存储在Data Store里面，Data Store数据一旦变化，界面就会更新. 也就是说， 程序员不需要关心界面，只给Data Store赋值就可以了。值得一提的是，该示例利用了TaskRunner使得时间线显示的一直是当前时刻.

单击这里查看演示

突出显示可支配的时间片段

该例子演示了如何突出显示可支配的时间片段. 没有任何任务的时段会以灰色显示，超过两天空闲时间会以斑马纹显示.

单击这里查看演示

资源甘特图时间刻度汇总

这个例子演示了插件Sch.plugins.SummaryColumn的功能。资源图中既可以显示时间，也可以显示百分比。

单击这里查看演示

选择资源甘特图的多个事件

该例子演示了插件Sch.plugins.DragSelector的用法。该插件可让用户同时用鼠标选择多个事件。请先按下CTRL， 然后用鼠标画出一个长方形，长方形内的事件都会被选取。

单击这里查看演示

来源：oschina

链接：https://my.oschina.net/u/180932/blog/32013