我正在顯示加載圖像,直到頁面加載完成,我想再次顯示此圖像,直到按鈕單擊事件處理程序完成。但是由於asp.net網頁中的頁面生命週期,我無法做到這一點。有關如何做的建議?ASP.NET Web窗體事件處理程序在加載後修改頁面組件
0
A
回答
0
一個選項是使用更新面板,儘管你也可以通過jquery實現這一點。在更新後的面板中,您可以使用加載指示器的div,然後當您點擊該按鈕時,該按鈕會顯示出來,請嘗試。
的榮譽屬於嗨,你使用asp.net表單或MVC此鏈接http://www.aspsnippets.com/Articles/Show-Loading-Progress-Indicator-using-GIF-Image-when-UpdatePanel-is-updating-in-ASPNet.aspx
<asp:ScriptManager runat="server">
</asp:ScriptManager>
<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
<ProgressTemplate>
<div class="modal">
<div class="center">
<img alt="" src="loader.gif" />
</div>
</div>
</ProgressTemplate>
</asp:UpdateProgress>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<div align="center">
<h1>
Click the button to see the UpdateProgress!</h1>
<asp:Button ID="Button1" Text="Submit" runat="server" OnClick="Button1_Click" />
</div>
</ContentTemplate>
</asp:UpdatePanel>
protected void Button1_Click(object sender, EventArgs e)
{
System.Threading.Thread.Sleep(5000);
}
// CSS
<style type="text/css">
body
{
margin: 0;
padding: 0;
font-family: Arial;
}
.modal
{
position: fixed;
z-index: 999;
height: 100%;
width: 100%;
top: 0;
background-color: Black;
filter: alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.8;
}
.center
{
z-index: 1000;
margin: 300px auto;
padding: 10px;
width: 130px;
background-color: White;
border-radius: 10px;
filter: alpha(opacity=100);
opacity: 1;
-moz-opacity: 1;
}
.center img
{
height: 128px;
width: 128px;
}
</style>
+0
它工作正常。謝謝! –
+0
@SafaaMamdouhSalem很高興聽到這一點。請接受我的回答 –
相關問題
- 1. 如何在頁面加載後註冊事件處理程序?
- 2. 在ASP.Net中手動添加頁面事件處理程序C#
- 3. 用於頁面修改的事件處理程序
- 4. Web字體的事件處理程序加載?
- 5. 在頁面加載時執行的JQuery事件處理程序
- 6. 無法在添加事件處理程序後簽出組件或頁面
- 7. 在Web窗體類中控制訪問事件處理程序
- 8. 修改主要事件處理程序
- 9. 誰在Windows窗體程序中調用窗體加載事件?
- 10. 如何處理ASP.net MVC Ajax加載頁面上的jQuery事件?
- 11. ASP.Net:如何從內容頁面事件處理程序調用母版頁事件處理程序?
- 12. 修改傳遞給事件處理程序的結構體?
- 13. 停止頁面在beforeunload事件處理程序中卸載
- 14. VSTO加載事件處理程序
- 15. 從子窗體事件處理程序刷新窗體
- 16. ASP.NET - 頁面回傳和事件處理
- 17. 窗體窗體事件處理
- 18. ASP.NET註銷事件處理程序和頁面的Site.Master
- 19. 在ajax加載後綁定多個事件處理程序
- 20. 在Flex組件中加載Web頁面
- 21. asp.net頁面處理程序
- 22. JavaScript的事件處理程序在ASP.NET
- 23. 如何在asp.net代碼後面添加事件處理程序到html標記?
- 24. 是否可以在事件處理程序中關閉窗體,其中事件處理程序在類中?
- 25. 窗口加載的事件處理程序:「確保事件失敗」
- 26. 運行時控件事件處理程序窗體
- 27. 頁面加載事件MVC
- 28. 頁面更改事件ASP.NET
- 29. 更改頁面後卸載事件
- 30. 的Javascript事件處理程序加載後鏈接重定向
。你的按鈕點擊是ajax呼叫? –
我正在使用ASP.NET Web窗體 –
所以它應該是當你點擊,但將圖像容器的可見性設置爲true,並在最後單擊時將其設置爲false –