ExtJS 资源甘特图控件
用
户
手
册
北京龙博中科软件有限公司
www.longboo.com
序言........................................................................................................................................... 3
简介........................................................................................................................................... 4
ExtJS 资源甘特图功能特性 ............................................................................................ 4
资源甘特图运行效果 ....................................................................................................... 5
如何安装 ................................................................................................................................... 6
1.下载运行 ........................................................................................................................ 6
打开 ASP.NET 项目 ................................................................................................. 6
运行示例 ................................................................................................................... 7
开发入门 ................................................................................................................................... 7
资源甘特图控件的基本原理 ........................................................................................... 7
DataStore ................................................................................................................. 10
GanttPanel ............................................................................... 错误!未定义书签。
数据结构 ......................................................................................................................... 12
任务的数据结构 ..................................................................................................... 12
依赖关系的数据结构 ............................................................................................. 14
加载数据 ......................................................................................................................... 15
保存数据 ......................................................................................................................... 16
实现增删改查接口 ................................................................................................. 16
ASP.NET 后台操作 ................................................................................................ 17
自定义任务树 ................................................................................................................. 18
自定义列 ................................................................................................................. 18
自定义行 ................................................................................................................. 19
自定义单元格 ......................................................................................................... 20
自定义编辑器 ......................................................................................................... 21
编辑器只读事件 ..................................................................................................... 22
自定义条形图 ................................................................................................................. 23
自定义样式 ............................................................................................................. 23
条形图前后的标签 ................................................................. 错误!未定义书签。
自定义提示框 ......................................................................................................... 24
时间刻度和自定义 ......................................................................................................... 25
任务时间基线 ................................................................................. 错误!未定义书签。
高级应用 ................................................................................................................................. 28
大数据量和性能优化 ..................................................................................................... 28
皮肤和主题 ..................................................................................... 错误!未定义书签。
附录一 Extjs 中的 DataStore ................................................................................................. 29
Record ............................................................................................................................. 29
Store ................................................................................................................................ 30
DataReader ...................................................................................................................... 33
1)ArrayReader ...................................................................................................... 33
2)JsonReader ........................................................................................................ 34
3)XmlReader ........................................................................................................ 35
DataProxy 和自定义 Store ............................................................................................. 36
序言
本用户手册中文版是由ExtJS资源甘特图控件中国代理商龙博中
科软件有限公司组织编写的,希望能帮助正在学习或准备学习ExtJS
资源甘特图控件的朋友们快速走进资源甘特图控件的精彩世界。
手册包括ExtJS资源甘特图的新手入门、组件体系结构及使用、
ExtJS资源甘特图中各功能的使用方法及示例应用等,是一个非常适
合新手的ExtJS资源甘特图入门手册。本手册主要是针对ExtJS资源甘
特图2.0 进行介绍,全部代码、截图等都是基于ExtJS资源甘特图2.0。
最后,希望读者朋友把阅读本手册中的发现的错误、不足及建议
等反馈给我们,我们会在下一版本中及时改正。下面让我们一起进入
精彩的ExtJS资源甘特图世界吧。
简介
资源甘特图又叫负荷图,其纵轴不再列出活动,而是列出整个部
门或特定的资源。
Ext Scheduler 资源甘特图是基于 Extjs 核心库的开发的,基于 WEB
浏览器的甘特图解决方案。 可应用于生产能力进行计划和控制系统
等的开发。和 Ext Gantt 甘特图一样,Ext Scheduler 资源甘特图可
与任意后端代码(.net, jsp)集成为 jsp 资源甘特图,asp.net 资
源甘特图等。
ExtJS 资源甘特图功能特性
ExtJS资源甘特图是使用Javascript开发的、基于WEB浏览器的甘
特图解决方案,具备如下特点:
可拖拽调节条形图
丰富的时间线刻度:支持年/月、周/日、周/时、日/时等,
用户也可以自定义时间线模式。
自定义列。
卓越的性能和大数据量支持
懒加载显示:通过分级加载模式,能支持超大数据量显示。
支持右键菜单
支持跟踪甘特图
无需安装浏览器插件
跨浏览器支持
跨服务端平台支持
语言本地化
资源甘特图运行效果
如何安装
1.下载运行
如果你是试用版的用户,请访问我们的网站
http://www.longboo.com/ ,在我们的下载频道中点击下载。我们目
前提供以下的资料,更多的资料请到我们的网站及时更新。
Ext Scheduler Web 资源甘特图控件下载
Web 资源甘特图 + ASP.NET 工程实例下载
ExtJS 资源甘特图控件是一个纯表现层的组件产品。下面以
ASP.NET 工程项目为例,是为了让您更方便、快速的掌握如何将 ExtJS
资源甘特图控件与您的系统集成开发。使用 JAVA 开发和 ASP.NET 类
似,这里不再敖述。
打开 ASP.NET 项目
下载《Web 资源甘特图+ ASP.NET 工程实例下载》后,将它解压到
某个文件夹下面,请用 VS 打开相应的工程文件。
运行示例
点击运行后,最终的运行结果如下图所示。
商业用户请注意,Extjs 资源甘特图授权并不包括 Extjs 本身的授权,你需
要按照你的需要,购买相应的 Extjs 的授权。
开发入门
甘特图控件的基本原理
ExtJS 资源甘特图控件继承至 Extjs 的 GridPanel,如果你熟悉
Extjs,那么使用 Extjs 资源甘特图就非常的轻松;如果没有,你需
要花一点时间来先学习一下 Extjs。ExtJS 资源甘特图控件按照 MVC
(模型、视图、和控制器)的设计框架设计。
1. 模型层: 甘特图的数据模型包括两个方面,任务模型和依赖模
型(任务之间的关联关系)。相对应的类有
Ext.ux.maximgb.tg.AdjacencyListStore 和 Ext.data.Store,而前者
继承于后者。
2. 界面显示组件:我们主要使用这个 GanttPanel 类,只需要定义
一些属性就可以了。
3. 控制器: 这个是由 Extjs 资源甘特图内部控制的,我们只需要
在适当的时候,相应一些事件就可以定制我们自己的功能。
GanttPanel 是可视的组件,它用于界面显示、编辑操作、用户交
互等功能。AdjacencyListStore 和 Ext.data.Store 是不可见的数据
组件,负责管理数据模型和数据操作。在 dataStore 上的所有数据操
作,比如增、删、改、过滤、排序等,都会被 ExtJS 甘特图控件监听
并更新界面。
GanttPanel 是由两个重要的界面组件组成的:
1. 左边是数据表格或树形表格组件, 继承至 Extjs 的 Datagrid。
所以 Datagrid 的操作也可以运用于 GanttPanel,就连 API 也是
一样的。