【问题标题】:Please Wait Loading Bar on button click not showing请等待加载栏上的按钮单击未显示
【发布时间】:2013-10-21 08:34:00
【问题描述】:

大家好,

这是我的代码:

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

            <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 应该只在按钮单击时显示,并且系统运行时才显示。

如果您可以推荐其他流程来执行此操作,我们将不胜感激。

【问题讨论】:

  • 我不明白为什么 div 在开始时不应该是可见的。 container css 类是否隐藏控件?
  • @PaoloTedesco 我在页面加载时隐藏了它,因为它只应在单击上传按钮时显示。我还删除了 Container Css 我没有容器 css 抱歉我忘记删除它的错字,那些在搜索时尝试代码的产品
  • 您应该在问题中指定...

标签: c# javascript jquery asp.net css


【解决方案1】:

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

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

【讨论】:

  • 已经试过还是一样的div不弹出和提示请稍候..
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-04-29
  • 1970-01-01
  • 2013-02-23
相关资源
最近更新 更多