elements

an array of property items

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

Each property element features:

  • label - the text label displayed on the left. If there are no other properties in the object, such element becomes a header;
  • type - the editor type initialized on clicking the element;
  • id - the ID of the element. Used by the setValues and getValues methods to place values into the dedicated cells;
  • options - the collection of options (select editors only), details;
  • editor controls (depend on the type property). Check editor types for details.

Possible type values coincide with editor types and can be:

  • color - for colors, colorboard appears on editing;
  • text - for text values;
  • select - for selection among several text values;
  • checkbox - for two-state values;
  • toggle (a two-state button) - for two-state values;
  • popup - a popup window.

The elements with the label type get header CSS. If there's no type, the element is non-styled and non-editable.

See also
Back to top