请等待按钮上的加载栏单击不显示

时间:2013-10-21 08:34:00

标签: c# javascript jquery asp.net css

每一天的好日子,

所以这是我的代码:

我的aspx页面中有一个Div,其中包含一个加载条gif图像

            <div  runat="server" id="divwait"  style="border-right: #808080 1px solid; border-top: #808080 1px solid;
z-index: 100; left: 570px; border-left: #808080 1px solid; border-bottom: #808080 1px solid;
position: absolute; top: 401px">
<div class="body" style="padding-right: 10px; padding-left: 10px; border-left-color: #808080;
    border-bottom-color: #808080; padding-bottom: 10px; border-top-style: solid;
    border-top-color: #808080; padding-top: 10px; border-right-style: solid; border-left-style: solid;
    background-color: #f2f2f2; border-right-color: #808080; border-bottom-style: solid">
    <img alt="" src="Images/ajax-loader.gif" />&nbsp;<br />
    <asp:Label ID="Label7" runat="server" BackColor="White" BorderColor="White" Text="Processing transaction. Please wait."
        Width="219px" ForeColor="Black"></asp:Label></div>

我正在尝试做的是在点击按钮时调用/打开div,这就是为什么我在我的按钮点击中使用此代码

  protected void uploadButton_Click(object sender, EventArgs e)
    {

        divwait.Visible = true;
        // do serverside process after showing the div
     }

问题是,当我点击上传按钮时,在执行以下流程之前,它不会查看 divwait
我的目标是做一个请等待加载栏,它会通知用户请等待,因为上传按钮中发生的进程需要一些时间才能完成。

如果这是我刚刚开始学习编程的新手问题,我真的很抱歉 即时通讯使用VS 2005 / .net2.0,我不能使用ajax作为我在其他示例中看到的。

感谢您的帮助和善意。

*的 *修改
在页面加载中我隐藏了div

  if (!Page.IsPostBack)
        {
            divwait.Visible = false;

        }

div只应在按钮单击时显示,而系统才能正常工作。

如果您可以推荐其他流程来推荐这样做,那将非常感激。

1 个答案:

答案 0 :(得分:0)

在你的Page_Load中,只有在IsPostBack为假时才应隐藏div:

if (!IsPostBack) {
    // first time we load the page, hide the div
    divwait.Visible = false;
}