Member239258 Ответов: 2

Как создать загрузку, Пожалуйста, подождите..... в asp.net нажмите кнопку вкл.

Привет друзья,

я работаю над этим asp.net c#, Sqlserver 2005.

У меня есть кнопка на моей веб-странице, когда я нажимаю эту кнопку, она должна отображаться. Загрузка, Пожалуйста, подождите.

Пожалуйста, помогите мне.

Спасибо.

2 Ответов

Рейтинг:
2

Code-Hunt

Дисплей-погрузочно-прогресс-картинки-для-страницы-загружается-или-не-обратной передачи-через-Паш.aspx-файл[^]

Проверьте это ... надеюсь, это поможет..

Рейтинг:
2

Vincent Maverick Durano

Самый простой подход заключается в использовании jQuery или Javascript чтобы отключить любые / все элементы на Вашей странице после нажатия кнопки и отображения вашего изображения. Я приведу очень простой пример, используя jQuery библиотека ниже :

<!-- Example jQuery Script -->
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
<script type='text/javascript'>
    $(function(){
      // When a Button is clicked on your page, disable everything and display your loading element
      $(':button,:submit').click(function(){
          // Disable everything
          $('*').prop('disabled',true);
          // Display your loading image (centered on your screen)
          $('body').append("<img style='top: 45%; position: absolute; height: 100px; width: 100px;background: black;left: 45%;' src='http://www.klk.com.my/wp-content/themes/klk/images/loading-ajax.gif' />");
      });
    });
</script>


В качестве альтернативы вы также можете попробовать что-то подобное:

<div id="divWait" style="position:absolute;left:50%; top:50%; margin:-100px 0 0 -150px; display:none;">
      <div style="text-align:center; width:300px; height:70px; background-color:#000; color:#fff;">
              Processing....
              <br/>
              <!--Your GIF image here-->
      </div>
</div>

<div id="divHolder">
      <!--Put your content here and form elements-->
</div>
<asp:LinkButton ID="lnkSave" runat="server" CssClass="lnkSave" />

<script type="text/javascript">
    $(".lnkSave").live("click",function(){
        $("#divHolder").attr('disabled',true);
        $("#divWait").css({'display': 'block'});
    });
</script>