Бесконечный круглый индикатор загрузки. Блокирует любое взаимодействие с UI во время анимации.
Свойства
Свойство | Тип* | Область | Описание | Пример | Версия |
---|
Visible | логический | разметка и скрипт | Задает видимость компонента. Если он невидим, его размеры, тем не менее, учитываются в контейнерах | Блок кода |
---|
| <c:Indicator Visible="false"/> |
Блок кода |
---|
| function Hide(control) {
control.Visible = false;
} |
| - |
CssClass | строка** | разметка | Задает название CSS класса, стили которого будут применяться к данному компоненту | Блок кода |
---|
| <c:Indicator CssClass="main_row"/> |
| - |
Id | строка** | разметка | Задает идентификатор компонента в области видимости данного экрана. Таким образом можно получить доступ к его свойствам из произвольного места разметки или скрипта. Так же задавать значение идентификатора необходимо для сохранения состояния некоторых визуальных компонентов при возврате по бизнес процессу. | Блок кода |
---|
| <c:Indicator Id="main"/> |
Блок кода |
---|
| function HideMain() {
$.main.Visible = true;
} |
| - |
Parent | компонент | разметка и скрипт, только чтение | Возвращает ссылку на родительский компонент. Возвращает null если текущий объект на верху дерева. | Блок кода |
---|
| <c:Button OnClick="$Hide($main.Parent)"/> |
Блок кода |
---|
| function HideRoot() {
$.main.Parent = false;
} |
| - |
* - в качестве параметра можно передавать константу, переменную, функцию или свойства соответствующего типа
** - при установке строкового свойства в разметке, применяются особые правила форматирования текста.
Методы
Метод | Описание | Параметры | Пример | Версия |
---|
Start() | Запускает анимацию. Рекомендуется вызывать перед операцией синхронизации | | Блок кода |
---|
| function Sync(sender){
$.indicator.Visible = true;
$.indicator.Start();
} |
| - |
Stop() | Останавливает анимацию. Рекомендуется вызывать по окончании операции синхронизации, в функции обратного вызова. | | Блок кода |
---|
| function OnSync(sender){
$.indicator.Stop();
$.indicator.Visible = false;
} |
| - |
Стили