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结构,用户习惯于桌面软件的界面。该例子是一个仿桌面软件的甘特图窗口。

单击这里查看演示

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

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

单击这里查看演示

资源甘特图高级拖拽功能

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

单击这里查看演示

将甘特图导出到Excel表中

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

单击这里查看演示

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

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

单击这里查看演示

特殊的时间点和时间范围

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

单击这里查看演示

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

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

单击这里查看演示

资源甘特图时间刻度汇总

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

单击这里查看演示

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

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

单击这里查看演示
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!