Общие настройки для элементов тулбара и формы

Компоненты Toolbar и Form служат контейнером для контролов: кнопок, иконок, полей и селекторов

Любые контролы можно поместить на тулбар или же в виде массива рядов/столбцов или элементов соответственно. Каждый контрол можно настроить под ваши нужды. Но стоит учитывать, что иногда некоторые свойства (напр. width/height, выравнивание и позиционирование ярлыков) одинаково настроены для всех контролов. Такой подход сохраняет однородность элементов в интерфейсе.

Если у нескольких контролов планируются одни и те же настройки, можно использовать свойство elementsConfig. Оно позволяет указать общие настройки для всех элементов тулбара или формы.

Настройка формы

webix.ui({
    view:"form", 
    elements: [
        // контролы
    ],
    elementsConfig:{
        labelPosition:"top",
        on:{ onchange:function(newv, oldv){  
            webix.message("Value changed from: "+oldv+" to: "+newv);
        }}
    }
})

Related sample: Common Configuration

У всех контролов в этой форме ярлык будет находится сверху и меняться в зависимости от изменения данных в инпутах.

Настройка тулбара

webix.ui({
    view:"toolbar",
    elements: [
        { view:"button"},
        { view:"segmented", options:[...]},
        { view:"text"}, 
        { view:"select", options:[...]}
    ],
    elementsConfig:{
        width: 150,
        height: 30,
        value:"edit"
    }
})

Все контролы тулбара, вне зависимости от их различий, получать одинаковую высоту и ширину, а также значение "edit".

Наверх