Перейти к основному содержимому

Элемент управления чекбоксом

Флажок с двумя состояниями. Элемент управления используется для переключения одного параметра или нескольких значений в состояние включено/выключено.

Например, это полезно для:

Контроль флажка

Контроль чекбокса

  • переключения между режимами split и tree для разделённых задач

Флажок разделённой задачи

gantt.config.lightbox.project_sections = [
{name: "description", height: 70, map_to: "text", type: "textarea", focus: true},
{name: "split", type:"checkbox", map_to: "render", options:[ /*!*/
{key:"split", label:"Split Task"} /*!*/
]}, /*!*/
{name: "time", type: "duration", readonly: true, map_to: "auto"}
];

Задача со сплитом

Инициализация

Чтобы добавить элемент управления checkbox к lightbox, выполните следующие шаги:

  1. Добавьте раздел в конфигурацию lightbox:
var opts = [
{key:"split", label:"Split Task"}
];

gantt.config.lightbox.sections = [
{name: "description", height: 70, map_to: "text", type: "textarea", focus: true},
{name: "split", type:"checkbox", map_to: "render", options:opts}, /*!*/
{name: "time", type: "duration", readonly: true, map_to: "auto"}
];
  1. Установите подпись к разделу:
gantt.locale.labels.section_split = "Display";

Задача со сплитом

Свойства

Следующие свойства в значительной степени важны и обычно устанавливаются для элемента управления checkbox (см. полный список здесь):

  • name - (string) название раздела
  • map_to - (string) имя свойства данных, которое будет сопоставлено разделу
  • type - (string) тип элемента управления раздела тип элемента управления раздела
  • options - (array) массив объектов. Определяет опции выбора элемента управления (*используется для элементов управления select, checkbox и radio). Каждый объект в массиве задаёт одну опцию и имеет следующие свойства:
    • key - (string) идентификатор опции. Этот атрибут сравнивается со свойством данных задачи для привязки опций к задачам
    • label - (string) название опции
  • focus - (boolean) если установлен в true, раздел получает фокус при открытии lightbox
  • default_value - (any) значение по умолчанию элемента управления раздела. Применяется только если входное значение неопределено

Заполнение элемента управления данными

Обычно, чтобы задать значения для элемента управления checkbox, используйте параметр options:

gantt.config.lightbox.sections = [
{name: "split", type:"checkbox", map_to: "render", options:[
{key:"split", label:"Split Task"}
]}
];

Элементы параметра options имеют 2 обязательных свойства:

  • key - идентификатор опции
  • label - название опции
Need help?
Got a question about the documentation? Reach out to our technical support team for help and guidance. For custom component solutions, visit the Services page.