Ext Scheduler Web资源甘特图控件

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

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

 

 

Ext Scheduler Web资源甘特图控件屏幕截图

 

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

Ext Scheduler Web资源甘特图控件
资源甘特图基本例子

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

单击这里查看演示
Ext Scheduler Web资源甘特图控件
资源甘特图中将资源分组

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

单击这里查看演示
Ext Scheduler Web资源甘特图控件
只读视图和分组预览

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

单击这里查看演示
Ext Scheduler Web资源甘特图控件
资源甘特图中定位甘特图中的元素

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

单击这里查看演示
Ext Scheduler Web资源甘特图控件
仿桌面软件的甘特图窗口

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

单击这里查看演示
Ext Scheduler Web资源甘特图控件
甘特图和统计图的动态联动

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

单击这里查看演示
Ext Scheduler Web资源甘特图控件
资源甘特图高级拖拽功能

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

单击这里查看演示
Ext Scheduler Web资源甘特图控件
将甘特图导出到Excel表中

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

单击这里查看演示
Ext Scheduler Web资源甘特图控件
自定义资源甘特图的事件编辑器

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

单击这里查看演示
Ext Scheduler Web资源甘特图控件
特殊的时间点和时间范围

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

单击这里查看演示
Ext Scheduler Web资源甘特图控件
突出显示可支配的时间片段

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

单击这里查看演示
Ext Scheduler Web资源甘特图控件
资源甘特图时间刻度汇总

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

单击这里查看演示
Ext Scheduler Web资源甘特图控件
选择资源甘特图的多个事件

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

单击这里查看演示

 

你可能感兴趣的:(Web,浏览器,Excel,IE,ext)