Контейнер. Содержит любое количество вложенных компонентов. Каждый вложенный компонент добавляется на экран в соответствие с очередностью, заданной в разметке. Позволяет прокручивать компоненты с эффектом "прилипания". Алгоритм расположения вложений соответствует VerticalLayout.
Свойства
| Свойство | Тип* | Область | Описание | Пример | Версия |
|---|
| Visible | логический | разметка и скрипт | Задает видимость компонента. Если он невидим, его размеры, тем не менее, учитываются в контейнерах | | Блок кода |
|---|
| <c:SwipeVerticalLayout Visible="false"/> |
| Блок кода |
|---|
| function Hide(control) {
control.Visible = false;
} |
| - |
| CssClass | строка** | разметка | Задает название CSS класса, стили которого будут применяться к данному компоненту | | Блок кода |
|---|
| <c:SwipeVerticalLayout CssClass="main_row"/> |
| - |
| Id | строка** | разметка | Задает идентификатор компонента в области видимости данного экрана. Таким образом можно получить доступ к его свойствам из произвольного места разметки или скрипта. Так же задавать значение идентификатора необходимо для сохранения состояния некоторых визуальных компонентов при возврате по бизнес процессу. | | Блок кода |
|---|
| <c:SwipeVerticalLayout Id="main"/> |
| Блок кода |
|---|
| function HideMain() {
$.main.Visible = true;
} |
| - |
| Parent | компонент | разметка и скрипт, только чтение | Возвращает ссылку на родительский компонент. Возвращает null если текущий объект на верху дерева. | | Блок кода |
|---|
| <c:Button OnClick="$Hide($main.Parent)"/> |
| Блок кода |
|---|
| function HideRoot() {
$.main.Parent = false;
} |
| - |
| Controls | список | скрипт, только чтение | Возвращает список визуальных компонентов, вложенных в данный контейнер. | | Блок кода |
|---|
| function HideContent(sender) {
for(control in sender.Controls)
control.Visible = false;
} |
| - |
| Index | число | разметка и скрипт | Задает индекс видимого элемента. Позволяет прокрутить контейнер до соответствующего вложенного компонента, согласно очередности добавления. | | Блок кода |
|---|
| <c:SwipeVerticalLayout Id="main" Index="1">
...
</c:SwipeVerticalLayout> |
| Блок кода |
|---|
| function OpenMenu() {
$.main.Index = 0;
} |
| - |
| Percent | число (0..100) | разметка и скрипт | Задает меру, на сколько необходимо прокрутить вложенный элемент контейнера, что бы он остался отображенным. | | Блок кода |
|---|
| <c:SwipeVerticalLayout Percent="25">
...
</c:SwipeVerticalLayout> |
| - |
| Alignment | Default | Center | разметка | Задает способ отображения вложенных компонентов. Если задать значение свойства как Center, они будут центрироваться. | | Блок кода |
|---|
| <c:SwipeVerticalLayout Alignment="Center">
...
</c:SwipeVerticalLayout> |
| - |
| Scrollable | логический | разметка и скрипт | Задает возможность прокручивать содержимое. Еслизадать значение свойства как false, единственным способом прокрутки будет изменение свойства Index. | | Блок кода |
|---|
| <c:SwipeVerticalLayout Scrollable= "False">
...
</c:SwipeVerticalLayout> |
| - |
| OnSwipe | функция | разметка | Задает ссылку на функцию*** из основного контроллера, вызываемую при прокрутке. Первым параметром в функцию передается ссылка на объект (sender), последующим - объекты переданные в разметке. | | Блок кода |
|---|
| <c:SwipeVerticalLayout OnSwipe="$HandleContentVisiblity()">
...
</c:SwipeVerticalLayout> |
| - |
* - в качестве параметра можно передавать константу, переменную, функцию или свойства соответствующего типа
** - при установке строкового свойства в разметке, применяются особые правила форматирования текста.
Стили