.net Ajax - скрытие контента при обновлении

Question

У меня есть несколько панелей обновлений asp.net AJAX на странице, которые можно обновлять независимо. Мне бы хотелось, чтобы при использовании кнопки обновления содержимое панели скрывалось, а при загрузке данных отображалось только изображение загрузки (для возврата данных с сервера требуется 5-10 секунд). Каков наилучший способ добиться этого?

Answer 1

Вы можете использовать JavaScript, чтобы скрыть / показать панель функций начала и конца RequestHandler:

var panel = new Sys.UI.Control($get("myUpdatePanel"));

function beginRequestHandler(sender, args) {            
    panel.set_visible(false); 
}

function endRequestHandler(sender, args) {
    panel.set_visible(true); 
}

Answer 2

<div class="overlay">
<img src="/...." alt="Loading" />
<div class="your_content">

</div>
</div>

Вы можете установить z-index для your_content на значение, меньшее наложения z-index после завершения события вы можете установить для всех значений диапазон по умолчанию.

Answer 3

Используйте CSS, чтобы установить для свойства «display» значение «none» во время загрузки, и установите для него значение «inline» или «block», когда ваши значения возвращаются с панели AJAX.

Answer 4

Находится ли загружаемое изображение в том же месте, что и панель обновления?

Если это так, просто загрузите панель загрузки на всю панель обновления.