跳到主要内容

Gantt

容器属性

所有组件配置的第一层均支持容器属性

组件属性 componentsProps

NameTypeDefault是否支持 Variable PatternDescription
classNamestring✔️组件的 className
styleobject组件的 style
columnDefsarray表格的列的定义,支持 ag-grid 所有的 columnDefs
dataSources{ task: object, link: object, calendar: object }数据源
relation{ colId: string, value: string }Gantt 数据作为表单子表的关系配置
mapping{ text: string, start_date: string, end_date: string, duration: string, progress: string, parent: string, type: string }数据映射
ganttConfigobjectDHTMLX Gantt 组件的配置,官方文档
dateOptions{ noTimeZone: bool, timeZone: string, showTime: bool, endDateIncludeSelf: bool }日期配置
toolbarFieldsarray使用 json 配置的工具栏的自定义元素
toolbarChildrennode使用 jsx 的工具栏自定义元素
pinnedFilterArray<string>默认显示在 Filter Panel 的 filter 列,无法被删除
settingKeystring保存设置的 key,默认使用 id 自动生成
defaultFilterModelConditionalListPropertyPropType(DataFilters)表格默认的 filter 条件,可以通过界面进行改变
suppressSaveSettingboolfalse不保存用户调整的组件设置
suppressAddButtonboolfalse禁止默认 "新增" 按钮
addButtonPropsobject默认新增按钮的属性

JS API

通过 formApi.getFieldApi() 获取的接口如下:

NameTypeDescription
nodeHTML Element组件的根 DOM 元素
ganttobjectDHTMLX Gantt 的 api 接口, 官方文档
refresh() => void刷新数据