Сравнение версий

Ключ

  • Эта строка добавлена.
  • Эта строка удалена.
  • Изменено форматирование.

Контейнер. Содержит любое количество вложенных компонентов. Каждый вложенный компонент добавляется на экран в соответствие с очередностью, заданной в разметке. Позволяет прокручивать компоненты с эффектом "прилипания". Алгоритм расположения вложений соответствует VerticalLayout

Свойства

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

* - в качестве параметра можно передавать константу, переменную, функцию или свойства соответствующего типа

** - при установке строкового свойства в разметке, применяются особые правила форматирования текста.

Стили