2017-01-04 3 views
1

Я использую Struts AJAX вызова для отображения данных в JSPзапрос Struts Ajax принимая долго

<sx:a id="testReport" formId="testform" targets="testdiv"> 

Этот запрос принимает длинный time.Could вы кто-то мне помочь, если есть способ, чтобы показать изображение загрузки или размытость экран до тех пор, пока запрос Struts AJAX не будет завершен.

+0

Что такое TagLib префикс в этот тег? –

+0

@ Roman C strust-dojo – Kiran

+0

OT: плагин Dojo устарел, переключитесь на распорки 2 плагина jquery (struts.jgeppert.com/), если сможете! –

ответ

2

Вы не показали ваш Ajax вызов
Предполагая Ajax вызов должен быть, как это вы можете попробовать:
Показать изображение, прежде чем сделать запрос AJAX, и скрыть его после того, как Ajax вызова завершает

$('#loading-image').show(); 
$.ajax({ 
    url: uri, 
    success: function(html){ 
     // Code here after success 
    }, 
    complete: function(){ 
     $('#loading-image').hide(); 
    } 
}); 

Вы также можете показать Modal Div за вашим изображением, чтобы пользователь не мог взаимодействовать со страницей во время звонка Ajax:

<div id="myModal" class="modal"> 

</div> 

css для модальной DIV

.modal { 
    display: none; /* Hidden by default */ 
    position: fixed; /* Stay in place */ 
    z-index: 1; /* Sit on top */ 
    padding-top: 100px; /* Location of the box */ 
    left: 0; 
    top: 0; 
    width: 100%; /* Full width */ 
    height: 100%; /* Full height */ 
    overflow: auto; /* Enable scroll if needed */ 
    background-color: rgb(0,0,0); /* Fallback color */ 
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ 
} 

BTW: это делается с помощью JQuery и CSS не является распорок выпуск

UPDATE:

OK Вы используете struts-dojo plugin
Имейте взгляд на это, то
Вы ищете indicator атрибута, я так думаю:

<img id="loadingImage" src="images/loadingAnimation.gif" style="display:none"/> 
<sx:a id="testReport" formId="testform" targets="testdiv" showLoadingText="false" indicator="loadingImage"> 

Эта ссылка поможет вам AjaxandJavaScriptRecipes-Showindicatorwhilerequestisinprogress

+0

Я пробовал этот, но не работал. Ниже приведен код для вызова Ajax .. Kiran

+0

теперь проверьте мое обновление, передайте ссылку на соединение –

+0

Большое вам спасибо. Он отлично работает. – Kiran

Смежные вопросы