Namespace IListDOM

Описание HTML елемента IList

________________________________________________________________
|<div                                                           |
|   id='${id}'                                                  |
|   name='${name}'                                              |
|   class="ui-list                                              |
|          ${prefix}                                            |
|          readonly                                             |
|          unselectable                                         |
|          positionAbsolut                                      |
|          ${AlignSelf}                                         |
|          ${Grouping}">                                        |
|   ________________________________________________________    |
|   |<div class="menu                                       |   |
|   |            fixed">                                    |   |
|   |   _______________________________________________     |   |
|   |   |<div class="app ui-menu">                     |    |   |
|   |   |       ***                                    |    |   |
|   |   |</div>                                        |    |   |
|   |   |______________________________________________|    |   |
|   |</div>                                                 |   |
|   |_______________________________________________________|   |
|   ________________________________________________________    |
|   |<div class="content                                    |   |
|   |            flexible">                                 |   |
|   |     ____________________________________________      |   |
|   |    |   _________________________________________|__   |   |
|   |    |   |<div                                       |  |   |
|   |    |   |   id='${id}'                              |  |   |
|   |    |   |   class='ui-list-item'>                   |  |   |
|   |    |   |   _____________________________________   |  |   |
|   |    |   |   | <div class='icon'>                 |  |  |   |
|   |    |   |   | </div>                             |  |  |   |
|   |    |   |   |____________________________________|  |  |   |
|   |    |   |   _____________________________________   |  |   |
|   |    |   |   | <div class='caption'>              |  |  |   |
|   |    |   |   |   _______________________________  |  |  |   |
|   |    |   |   |   | <div class='app              | |  |  |   |
|   |    |   |   |   |             ui-data-element'>| |  |  |   |
|   |    |   |   |   |      ****                    | |  |  |   |
|   |    |   |   |   | </div>                       | |  |  |   |
|   |    |   |   |   |______________________________| |  |  |   |    
|   |    |   |   | </div>                             |  |  |   |
|   |    |   |   |____________________________________|  |  |   |
|   |    |   |</div>                                     |  |   |
|   |    |___|                                           |  |   |
|   |        |___________________________________________|  |   |
|   |</div>                                                 |   |
|   |_______________________________________________________|   |
|</div>                                                         |
|_______________________________________________________________|

Описание элемента

• ${prefix} - значение, установленное в IAppManager.appPrefix. Обычно: "app".
• ${id} - значение свойства IElement.id.
• ${name} - значение свойства IElement.name.
• ui-context-element - класс HTML элемента, елемента управления IContextElement.
• readonly - класс устанавливается, если свойство IElement.readonly установлено true.
• unselectable - класс устанавливается, если свойство IElement.textSelect установлено false.
• positionAbsolut - класс устанавливается, если свойство IElement.positionAbsolute установлено true.
• ${AlignSelf} - устанавливается класс AlignSelf, если свойство IElement.alignSelf установлено в соответствующее значение, например: "topLeft".
• ${Grouping}: (horizontal | vertical) - класс Grouping указывает на взаимное расположение подэлементов menu и content в зависимости от свойства IContextElement.menuPosition.

Описание вложенных элементов

Меню

Этот div не добавляется, если у объекта не задано свойство menu, либо меню не имеет элементов.

• menu - класс указывает на элемент, в который встраивается меню.
• fixed - элемент меню всегда имеет фиксированный размер.

*** В div с классом menu добавляется элемент управления IMenu

• ui-menu - класс HTML элемента, елемента управления IMenu.

Контент - строки списка

• content - класс указывает на элемент, в который встраивается контент.
• flexible - элемент контента всегда имеет гибкий размер.

В Div с классом content добавляются строки списка IListItem.

• ui-list-item - класс HTML элемента, елемента управления IListItem. Содержит два элемента
• icon - иконка строки списка.
• caption - содержание строки списка.

**** В div с классом caption добавляется любой элемент, наследник IDataElement.

• ui-data-element - класс HTML элемента, елемента управления IDataElement.