DHXGANTT 帮助文档.docx

DHXGANTT 帮助文档.docx

《DHXGANTT 帮助文档.docx》由会员分享，可在线阅读，更多相关《DHXGANTT 帮助文档.docx（10页珍藏版）》请在冰点文库上搜索。

DHXGANTT帮助文档

dhxgantt帮助文档

英文API地址：

1、gantt构造函数

vargantt=newGanttChart（）;

gantt.create（divID）;divID是作为甘特图的父容器；

create方法应该在gantt属性设置之后调用；

示例代码：

2、GanttProjectInfo构造函数

varproject1=newGanttProjectInfo（id,name,startDate）;

id：

项目编号

name：

项目名称

startDate：

项目开始日期

注意：

javascript中日期对象月份是从0开始的；示例代码是表示：

2006年6月11号；

3、GanttTaskInfo构造函数

varparentTask1=newGanttTaskInfo（id,name,EST,duration,percentCompleted,predecessorTaskId）;

id:

任务编号

name：

任务名称

EST:

计划任务开始时间

duration：

任务工期（按小时）

percentCompleted:

任务完成百分比（0～100）

predecessorTaskId：

前置任务编号

示例代码：

4、dhtmlxGanttAPI方法

我们有两种类型对象：

分别是设计时对象和运行时对象；

设计时对象（GanttProjectInfo,GanttTaskInfo）：

在调用create方法之前初始化内容；

运行时对象（GanttChart,GanttProject,GanttTask）：

在调用create方法之后可以操作的对象。

4.1设计时对象API

GanttProjectInfo对象

addTask

给项目增加特定的GanttTaskInfo对象

deleteTask

从项目中删除对象

getTaskById

根据编号返回GanttTaskInfo对象

GanttTaskInfo对象

addChildTask

给GanttTaskInfo对象增加子任务

varparentTask1=newGanttTaskInfo（1,"Oldcodereview",newDate（2006,5,11）,208,50,""）;

parentTask1.addChildTask（newGanttTaskInfo（2,"ConverttoJ#",newDate（2006,5,11）,100,40,""））;

varchildTask2=newGanttTaskInfo（3,"HostedControl",newDate（2006,6,7）,190,80,"1"）;

parentTask1.addChildTask（childTask2）;

4.2运行时对象API

4.2.1GanttChart对象api

GanttChart对象

初始化方法-create（）方法之前调用

addProject

给gantt增加GanttProjectInfo对象

attachEvent

增加不同类型的事件处理

ganttChart.attachEvent（evName,evHandler）;

evName：

事件名称，注意大小写敏感；

evHandler：

用户定义事件处理方法；

onBeforeContextMenu：

occurswhenuserclicksthemousebuttononTreeitems.

onTaskClick：

occurswhenuserclicksaTaskitem.

onTaskStartDrag：

occurswhenuserstartstodragaTaskitem.

onTaskDragging：

occurswhileuserisdraggingaTaskitem.

onTaskEndDrag：

occurswhenuserfinishedtodragaTaskitem.

onTaskStartResize：

occurswhenuserstartstoresizeaTaskitem.

onTaskResizing：

occurswhileuserisresizingaTaskitem.

onTaskEndResize：

occurswhenuserfinishedtoresizeaTaskitem.

create

在页面上创建GanttChart对象

getMonthScaleLabel

returnsastringrepresentationofcurrentmonthforthemonthscalerow;youmayoverridethisfunctiontocustomizethelabel

setContextMenu

addscustomcontextmenuoftypedhtmlXMenuObject

setEditable

defineswhetherGanttChartiseditablebyuser

setImagePath

setspathtoimagedirectory

setMonthNames

definesfullmonthnamesforyourlocale

setShortMonthNames

definesshortmonthnamesforyourlocale

setStylePath

setpathtostylesfile,defaultis“codebase/style.css”;usedinsimpleprintingmethodprintToWindow

showContextMenu

enablesordisablesdefaultcontextmenuintree,whichcanbeusedforbasictaskmanipulations

showDescProject

enablesordisablesinlineprojectdescription（displayedrightaftertheprojectbar）,andconfigurestheshownvalues

showDescTask

enablesordisablesinlinetaskdescription（displayedrightafterthetaskbar）,andconfigurestheshownvalues

showNewProject

show/hidenewprojectbaratstart-up;itisusefulifyouhavenoprojectatall,anduserneedssomestartpointwherethemenuisattached

showTooltip

show/hidetask&projecttooltip（infopanel）

showTreePanel

show/hideleftsidetreepanel

useShortMonthNames

useshortorfullmonthnameinthemonthlabelaxis

GanttChart对象

运行时方法-create（）方法之前调用

clearAll

clearsallcontrol'scontents

deleteProject

deletesprojectfromchartbyid

getPrintableHTML

returnschartinhtmlformatsuitableforprinting,full-sizedandwithoutscrollbars

getProjectById

returnsGanttProjectobjectbyid

getXML

returnsXMLstringrepresentationofthechartcontent

insertProject

insertsnewprojectwithspecifiedid,name,startdateandreturnsit

loadData

loadsXMLdatafromstringorfile

printToWindow

openschartfull-sizedinanewwindow,fromwhereyoucanprintitasyoulike

saveData

savesXMLdatatoserverusingURLspecifiedinsetSavePathandencoding“application/x-www-form-urlencoded”

setLoadPath

setsURLwhichisusedtoloadchartdatawithloadDatamethod调用服务器端servlet来载入数据；loadData方法之前调用；

setSavePath

setsURLwhichisusedtosavechartdatawithsaveDatamethod：

调用服务器端servlet来保存数据，saveDate方法之前调用；

4.2.2GanttProject对象api

GanttProject对象

isProject

thisisobjectproperty,equalstrue;usedtodistinguishProjectandTaskinmenueventhandler

deleteTask

deletestaskfromprojectbyid

getDuration

calculatesandreturnsthedurationofprojectinhours

getId

returnsidofproject

getName

returnsnameofproject

getPercentCompleted

calculatesandreturnspercentcompletedofproject

getStartDate

returnsstartdateofproject

getTaskById

returnsGanttTaskobjectbyid

insertTask

insertsnewtaskwithspecifiedid,name,startdate,duration,percentcompleted,predecessortaskId,parenttaskIdandreturnsit

setName

setsnameofthisproject

setPercentCompleted

setspercentcompletedforthisproject

4.2.3GanttTask对象api

GanttTask对象

isTask

thisisobjectproperty,equalstrue;usedtodistinguishProjectandTaskinmenueventhandler

getDuration

返回工期（用小时表示）

getEST

获取任务计划开始时间

getFinishDate

计算返回任务完成时间

getId

返回任务编号

getName

返回任务名称

getParentTaskId

返回父任务编号

getPercentCompleted

获取任务完成比例

getPredecessorTaskId

获取前置任务编号

setDuration

设置任务工期

setEST

设置任务计划开始时间

setName

设置任务名称

setPercentCompleted

设置任务完成百分比

setPredecessor

设置前置任务

vartask121=project2.getTaskById（121）;

task121.setPredecessor（120）;

//toremovetheconnection

vartask122=project2.getTaskById（122）;

task122.setPredecessor（""）;

5、xml文件结构

xmlversion="1.0"encoding="UTF-8"?

>

project1task1

2006,12,14

120

60

project1task2

2006,12,14

100

20

project1task6

2006,12,15

90

10

2

project2task12

2006,12,20

140

60

project2task14

2006,12,20

100

20

窗体顶端

窗体底端