Vue Gantt - columns.ai

Configures AI options for the column.

Selector: DxAi
Type:

ColumnAIOptions

Configure this property to integrate an AI column.

NOTE
  • To ensure the AI column functions correctly, specify key values in the Gantt data source.
  • If Gantt automatically hides an AI column (when columnHidingEnabled is true), users cannot access the AI header menu.

aiIntegration

Binds the column to an AI service.

Selector: DxAiIntegration
Type:

AIIntegration

| undefined
Default Value: undefined

This object configures AI options specific to a column and overrides common aiIntegration options.

editorOptions

Configures the AI column's prompt editor input (a DevExtreme TextArea component).

Selector: editor-options
Type:

TextBox Configuration

emptyText

Text displayed in AI column cells that contain empty values.

Selector: empty-text
Type:

String

Default Value: ''

mode

Configures whether the column sends AI requests automatically or on demand.

Type: Enums.AIColumnMode
Default Value: 'auto'

When this property is set to "auto", the AI column sends requests to update values each time visible data is updated. To enable users to update AI column values manually, set mode to "manual".

NOTE
  • If this property is set to "auto", the component sends AI requests to update data each time users update the AI column prompt.
  • If this property is set to "manual" and the component hides the AI column (when columnHidingEnabled is true), users cannot access the AI header menu to generate data.

noDataText

Text displayed in AI column cells if the AI service returns no data.

Selector: no-data-text
Type:

String

Default Value: ''

popup

Configures the AI column's prompt editor popup (a DevExtreme Popup component).

Selector: DxPopup
Type:

Popup Configuration

prompt

The column's initial AI prompt.

Type:

String

Default Value: ''

showHeaderMenu

Configures menu button visibility in the AI column header.

Selector: show-header-menu
Type:

Boolean

Default Value: true

When this property is enabled, the column displays an AI header menu that includes the following items:

  • "Autofill with AI"
    Opens the AI prompt editor.

  • "Regenerate Data"
    Sends an AI request to regenerate data.

  • "Clear Data"
    Clears AI column cells.