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

资源甘特图基本例子

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

单击这里查看演示
资源甘特图中将资源分组

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

单击这里查看演示
资源甘特图中定位甘特图中的元素

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

单击这里查看演示
资源甘特图高级拖拽功能

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

单击这里查看演示
将甘特图导出到Excel表中

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

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

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

单击这里查看演示
特殊的时间点和时间范围

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

单击这里查看演示
突出显示可支配的时间片段

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

单击这里查看演示
资源甘特图时间刻度汇总

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

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

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

单击这里查看演示
甘特图和统计图的动态联动

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

单击这里查看演示
高亮显示选项栏

这是一个高亮显示选项栏位置的示例。用户可以选择将栏位定位在"左边" (默认) 或者 "右边"。

单击这里查看演示
时间刻度的变换

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

单击这里查看演示
定制标题

该示例演示资源甘特图自定义标题的功能。

单击这里查看演示
事件日志

这个示例是将所有的触发事件记录在scheduler模板上,从而使你可以清楚明白的了解到每个事件是何时被触发的。

单击这里查看演示
过滤时间轴

这个例子可以定制过滤时间轴,根据条件显示时间。

单击这里查看演示
本地化时间格式 该示例演示资源甘特图可以本地化时间格式,根据不同的语言文件。你需要从Ext JS库引入文件。 单击这里查看演示
连续时间轴

这是一个高级示例,显示连续时间轴在一周的特定工作。事件不能跨越多个天数。

单击这里查看演示
可视化性能数据

这个示例演示可视化性能数据输出。scheduler使用了一个自定义事件模板,显示不同部分阻断,等待,接收和连接时间等。

单击这里查看演示
打印资源甘特图

该示例演示如何打印甘特图内容

单击这里查看演示
动态改变行高和条形图高度

该示例演示如何动态改变行高和条形图高度。

单击这里查看演示
简单的文本编辑

这是一个简单的文本编辑示例。

单击这里查看演示
记忆状态

该示例演示如何保存当前状态。改变视图后重新加载页面看看效果吧!

单击这里查看演示
拖拽面板

该示例演示了通过鼠标点击拖拽面板,使面板可以随意移动。

单击这里查看演示
设置时间分辨率

这个示例演示如何设置时间分辨率。你可以在5-60分之间任意改变时间分辨率。

单击这里查看演示
树形视图分层显示

该示例演示如何使用Scheduler树形视图分层显示数据。

单击这里查看演示
设置不同的验证条件

该示例演示了如何设置不同的验证条件。

单击这里查看演示
视图定位

该示例演示资源甘特图的视图定位功能。可以选择水平视图和垂直视图观看效果。

单击这里查看演示
惰性渲染

该例子演示了甘特图的“动态渲染技术”, 该技术可以同时加载上千行数据而不会产生任何性能问题。

单击这里查看演示
单击获得帮助