Регистрация  |  Вход

Добовление статус бара для apex:actionFunction

Доброго дня.
По нажатию в по кнопке в VF выполняется метод в контроллере через apex:actionFunction.
Так как метод довольно громоздкий, выполняется некоторые время.
И дабы показать что что-то выполняется, нужно повесить статусбар. Вопрос. Как это сделать?

Доброго дня.
По нажатию в по кнопке в VF выполняется метод в контроллере через apex:actionFunction.
Так как метод довольно громоздкий, выполняется некоторые время.
И дабы показать что что-то выполняется, нужно повесить статусбар. Вопрос. Как это сделать?

Все очень просто.
1. Делаем див с картинкой загрузки:
<div style="width: 110px; height: 110px; display: none; position: fixed; z-index: 999; top: 50%; left: 50%; margin-left: -55px; margin-top: -55px" class="statusbardiv"><apex:image url="{!$Resource.statusbar}" /></div>
2. Создаем apex:actionStatus и даем ему события:
<apex:actionStatus id="status56" onstart="$('.statusbardiv').css('display','block');" onstop="$('.statusbardiv').css('display','none');" />
3. Добавляем apex:actionFunction или apex:commandButton - status="status56"
Все профит!

Все очень просто.
1. Делаем див с картинкой загрузки:
        <div style="width: 110px; height: 110px; display: none; position: fixed; z-index: 999; top: 50%; left: 50%; margin-left: -55px; margin-top: -55px" class="statusbardiv"><apex:image url="{!$Resource.statusbar}" /></div>                            
2. Создаем apex:actionStatus и даем ему события:
<apex:actionStatus id="status56" onstart="$('.statusbardiv').css('display','block');" onstop="$('.statusbardiv').css('display','none');" />
3. Добавляем apex:actionFunction или apex:commandButton -  status="status56"
Все профит!