elements

массив элементов property

object elements;

Example

{
    view:"property",
    elements:[
        { label:"Layout" },
        { label:"Width", type:"text", id:"width"},
        { label:"Data type", type:"toggle", options:["json","xml"], id:"type"},
        { label:"Color front", type:"popup", popup:"myColorF", id:"colorF" }
    ]
}

Related samples

Details

У каждого элемента property есть следующие свойства:

  • label - подпись слева от поля для ввода (редактора). Если других свойств нет, этот элемент становится хедером;
  • type - название редактора, который открывается по клику на элемент;
  • id - ID элемента. ID нужны для работы методов setValues и getValues;
  • options - коллекция опций для select редакторов, подробнее;
  • editor controls (зависит от значения свойства type). Подробнее о редакторах.

Вы можете выбрать один из этих редакторов:

  • color - для выбора цветов, colorboard открывается по клику на элемент;
  • text - для ввода текста;
  • password - для паролей. Маскирует введённые символы;
  • inline-text - настраиваемый редактор текста (вы можете указать тип и размеры);
  • select - для выбора опции;
  • combo - для фильтрации выпадающего списка;
  • richselect - нередактируемый контрол combo;
  • multiselect - для выбора нескольких опций;
  • checkbox - для флагов;
  • inline-checkbox - настраиваемый чекбокс (вы можете определить темплейт для состояний чекбокса);
  • date - для выбора даты;
  • toggle (a two-state button) - для флагов;
  • popup - окно с полем ввода, для многострочного текста.

Элементы с type:"label" получают CSS-класс хедера. Если тип не указан, у элемента не будет этого класса, он просто будет нередактируемым.

See also
Наверх