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
Наверх