Контрол "Checkbox"

Двухсостоячный чекбокс — это простой элемент управления, используемый для переключения опций или значений. Он полезен для таких задач, как:

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

Related sample:  Checkbox control

Чекбокс для разделённой задачи

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"}
];

Related sample:  Split task

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

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

1) Добавьте секцию в конфигурацию лайтбокса:

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"}
];

2) Укажите метку для секции:

gantt.locale.labels.section_split = "Display";

Related sample:  Split task

Свойства

Ниже приведены некоторые ключевые свойства, которые часто настраиваются для контрола checkbox. Полный список можно найти здесь:

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

Заполнение контрола данными

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

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

Параметр options требует два ключевых свойства для каждого элемента:

  • key - id опции
  • label - метка, отображаемая для опции
К началу