Позиционирование панели опций

Поддерживается позиционирование панели опций записи: внутри элемента в правом нижнем углу или в правом верхнем углу, под элементом, в произвольном месте прикладного шаблона.

Для настройки отображения панели с опциями записи (под элементом или в произвольной позиции) предназначена опция itemActionsPosition.

Внутри элемента

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

Чтобы изменить расположение панели с опциями записи внутри элемента, установите значение для опции itemActionsClass.

Поддерживаются следующие значения:

  • controls-itemActionsV_position_bottomRight — панель опций записи отображается в правом нижнем углу элемента. Значение по умолчанию.
  • controls-itemActionsV_position_topRight — панель опций записи отображается в правом верхнем углу элемента списка.

В следующем примере панель опций записи отображается в правом верхнем углу.

<!-- WML -->
<Controls.list:View source="{{_viewSource}}" itemActions="{{_itemActions}}">
   <ws:itemTemplate>
      <ws:partial template="Controls/list:ItemTemplate"
         itemActionsClass="controls-itemActionsV_position_topRight"/>
   </ws:itemTemplate>
</Controls.list:View>

В качестве значения опции itemActionsClass можно задать прикладной класс. Для этого в CSS-файл прикладного модуля добавьте класс и опишите все необходимые стили. Укажите прикладной класс в качестве значения опции itemActionsClass.

В следующем примере показана конфигурация, когда позиция опций записи задана с помощью прикладного класса. Опции записи отображаются в нижнем правом углу с отступом в 10 пикселей от краев контейнера.

<!-- WML -->
<Controls.list:View source="{{_viewSource}}" itemActions="{{_itemActions}}">
   <ws:itemTemplate>
      <ws:partial template="Controls/list:ItemTemplate"
         itemActionsClass="customModule-itemActions_position_bottomRight"/>
   </ws:itemTemplate>
</Controls.list:View>
/* CSS */
.customModule-itemActions_position_bottomRight {
   bottom: 0;
   right: 0;
   padding: 10px 
}

Под элементом

Чтобы панель опций записи расположить под элементом, необходимо в конфигурацию списочного контрола передать опцию itemActionsPosition со значением "outside".

В следующем примере панель опций записи расположена под элеметом.

<!-- WML -->
<Controls.list:View 
   source="{{_viewSource}}"
   itemActions="{{_itemActions}}"
   itemActionsPosition="outside"/>

В произвольном месте пользовательского шаблона

Вывод опций записи можно настроить напрямую в пользовательском шаблоне отображения элемента. Для этого необходимо сделать следующее:

  1. Установите опцию itemActionsPosition в значение "custom".
  2. В пользовательском шаблоне отображения элемента в опции contentTemplate укажите позицию для отображения панели опций. Для этого поместите директиву ws:partial и в качестве встраиваемого шаблона укажите itemActionsTemplate.

В следующем примере в пользовательском шаблоне изменена позиция отображения панели опций записи.

<!-- WML -->
<Controls.list:View
   source="{{_viewSource}}"
   itemActions="{{_itemActions}}"
   itemActionsPosition="custom">
   <ws:itemTemplate>
       <ws:partial template="Controls/list:ItemTemplate">
           <ws:contentTemplate>
               <ws:partial template="{{itemTemplate.itemActionsTemplate}}"/>
           </ws:contentTemplate>
       </ws:partial>
   </ws:itemTemplate>
</Controls.list:View>