Как показать 'загрузку' между MVC Views

Question

У меня есть представление с созданной jquery таблицей, полной данных. В этой таблице один из столбцов имеет ссылку (стандарт <a href="">) на другой вид (полностью отдельный контроллер). Нажатие этой ссылки может часто приводить к длительному времени загрузки, поскольку потенциально потенциально может быть загружен вид, который содержит массивное количество данных для извлечения, прежде чем извергать результаты на экране.

Есть ли способ, нажав на одну из этих ссылок, получить «загрузочный счетчик» до тех пор, пока новый экран не загрузится?

Опять же, это стандартная гиперссылка (href) в представлении, которая ссылается на полностью отдельный вид, отдельный контроллер.

Answer 1

Вот пример с одного из моих сайтов с кнопкой отправки и просто блокировки пользовательского интерфейса при нажатии. На изображении ниже показано, что пользователь видит. После сбора данных загружается и отображается новая страница.

<input type="submit" value="Search" name="searchparty"> 

<script> 
//submit search, display loading message 
    $('input[type = submit]').click(function(){ 
     $.blockUI({ css: { 
      border: 'none', 
      padding: '15px', 
      backgroundColor: '#000', 
      opacity: .6 
     } }); 
    }); 
</script>