Позиционирование панели опций
Поддерживается позиционирование панели опций записи: внутри элемента в правом нижнем углу или в правом верхнем углу, под элементом, в произвольном месте прикладного шаблона.
Для настройки отображения панели с опциями записи (под элементом или в произвольной позиции) предназначена опция 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"/>
В произвольном месте пользовательского шаблона
Вывод опций записи можно настроить напрямую в пользовательском шаблоне отображения элемента. Для этого необходимо сделать следующее:
- Установите опцию itemActionsPosition в значение "custom".
- В пользовательском шаблоне отображения элемента в опции 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>