一个JQuery进度条,用于显示页面上正在发生的事情

时间:2015-09-02 15:38:11

标签: c# asp.net jquery-ui progress-bar code-behind

我的应用程序中有一个报告页面,当您按下按钮时,没有任何迹象表明报告正在运行。所以我想添加一些指标,有点像Access中的旧沙漏鼠标光标。但我决定尝试使用JQuery Progress Bar。

我访问了官方的JQuery Progress Bar页面,发现了一些代码可以集成到我的项目中。我在ASPX页面上有这个:

在标题中:

<div id="progressbar" style="visibility:hidden"></div>

身体:

with MyValues(SomeValue) as
(
    select 22.23456 union all
    select 22.20001 union all
    select 22.20000 union all
    select 22.00000 
)
select cast(ceiling(SomeValue * 100) / 100. as numeric(9,2)) as MyResult
from MyValues

所以现在,我期望做的是在按钮的OnClick事件中调用代码隐藏,使进度条可见,然后当代码完成运行时,我将其隐藏试。

首先,这是正确的假设吗?第二,我该怎么做?智能感知不会将“进度条”识别为对象。

1 个答案:

答案 0 :(得分:0)

由于进度条实际上并没有显示进度,我选择使用asp:UpdateProgress进行动画GIF:

<asp:UpdateProgress ID="rptUpdate" runat="server" 
                    AssociatedUpdatePanelID="upReports1" DynamicLayout="true">
    <ProgressTemplate>
        <img src="images/Animated.gif">
    </ProgressTemplate>
</asp:UpdateProgress>

这对我的实施更有意义。