extjs 甘特图控件 - bryntum.pdf

序言4 简介5 ExtJS 甘特图功能特性5 甘特图运行效果6 如何安装7 1.下载运行7 打开ASP.NET项目7 运行示例8 开发入门9 甘特图控件的基本原理9 DataStore12 GanttPanel13 数据结构14 任务的数据结构14 依赖关系的数据结构15 加载数据17 保存数据18 实现增删改查接口18 ASP.NET 后台操作18 自定义任务树20 自定义列20 自定义行21 自定义单元格22 自定义编辑器23 编辑器只读事件24 自定义条形图25 自定义样式25 条形图前后的标签26 自定义提示框26 时间刻度和自定义27 任务时间基线28 高级应用31 大数据量和性能优化31 皮肤和主题31 附录一 Extjs 中的DataStore34 Record34 Store35 DataReader38 1）ArrayReader38 2）JsonReader39 3）XmlReader40 DataProxy和自定义Store41 1 - - 序言 序言 序序言言 本用户手册中文版是由ExtJS甘特图控件中国代理商龙博中科软 件有限公司组织编写的，希望能帮助正在学习或准备学习ExtJS甘特 图控件的朋友们快速走进甘特图控件的精彩世界。 手册包括ExtJS甘特图的新手入门、组件体系结构及使用、ExtJS 甘特图中各功能的使用方法及示例应用等，是一个非常适合新手的 ExtJS甘特图入门手册。本手册主要是针对ExtJS甘特图2.0 进行介 绍，全部代码、截图等都是基于ExtJS甘特图2.0。 最后，希望读者朋友把阅读本手册中的发现的错误、不足及建议 等反馈给我们，我们会在下一版本中及时改正。下面让我们一起进入 精彩的ExtJS甘特图世界吧。 2 - - 简介 简介 简简介介 甘特图（Ganttchart ）又叫横道图、条状图(Barchart)。它是 以图示的方式通过活动列表和时间刻度形象地表示出任何特定项目 的活动顺序与持续时间。 Ext Gantt甘特图是基于ExtJS甘特图核心 库的开发的，基于WEB浏览器的甘特图解决方案。可应用于项目管理 系统、 生产执行系统(MES)、资源管理 系统（ERP）或其它的任务资 源分配相关领域的应用程序的。ExtGantt甘特图完全兼容ExtJS甘特 图语法，熟悉ExtJS甘特图可以轻易上手。 Ext Gantt甘特图可与任 意后端代码（.net, jsp）集成为jsp甘特图，甘特图等。 ExtJS ExtJS EExxttJJSS甘特图功能特性 ExtJS甘特图是使用Javascript开发的、基于WEB浏览器的甘特图 解决方案，具备如下特点： � 可拖拽调节条形图 � 即时编辑任务树单元格 � 丰富的时间线刻度：支持年/月、周/日、周/时、日/时等， 用户也可以自定义时间线模式。 � 自定义列。 � 卓越的性能和大数据量支持