当前位置：文江博客话题详情

C# asp.net progress-bar

如何在没有ajax工具的情况下在C# Web应用程序中使用进度条

发布于 2024-08-01 12:55:11 字数 104 浏览 0 评论 0原文

我如何在没有ajax工具的情况下在web应用程序c#中使用进度条...当我从一个页面单击到下一页时..页面加载应该显示为进度条..任何人都可以帮忙，没有ajax工具..

先感谢您

收藏 0

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

评论（2）

眸中客 2024-08-08 12:55:11

我认为你仍然需要 javascript，但不需要使用 AJAX 更新面板。

在你的页面上添加一个带有
进度动画图像
CSS 将 div 设置为隐藏
使用链接按钮/按钮上的，或者
不管怎样，链接你的 onClick 事件
像平常一样
在同一个链接按钮/按钮上添加一个
onClientClick 属性并调用
设置div的javascript函数
样式为可见

，这实际上将显示进度表，直到页面实际回发。

连线按钮

 <asp:Button ID="btnProgress" runat="server" Text="show progress" OnClientClick="javascript:DisplayProgress()" OnClick="btnProgress_Click"
            CausesValidation="false" />

进度表分区

    <div ID="pnlProgress" Class="modalBackground" style="visibility: hidden;">
        <div id="content" class="modalDialogClear" style="text-align: center; " > 
        <br />
        <br />
    looking up address, please wait...<br />
    <img src="/images/progress_bar.gif" />
    </div>

Javascript

  function DisplayProgress()
        {
            document.getElementById('pnlProgress').style.visibility = 'visible';
            window.setTimeout(HideProgressPanel, 20000);  //handles hiding the progress panel should the operation time out
        }

    function HideProgressPanel()
    {
    document.getElementById('pnlProgress').style.visibility = "hidden", 20000
    }

I think you still need javascript but dont need to use the AJAX update panel.

on your page add a div with an
progress animated image
set the div to hidden using CSS
on your linkbutton/button or
whatever, link up your onClick event
as normal
on the same linkbutton/button add an
onClientClick attribute and call a
javascript function to set the div
style to visible

this will in effect display the progress meter until the page has actually posted back.

Wired up Button

 <asp:Button ID="btnProgress" runat="server" Text="show progress" OnClientClick="javascript:DisplayProgress()" OnClick="btnProgress_Click"
            CausesValidation="false" />

Progress Meter Div

    <div ID="pnlProgress" Class="modalBackground" style="visibility: hidden;">
        <div id="content" class="modalDialogClear" style="text-align: center; " > 
        <br />
        <br />
    looking up address, please wait...<br />
    <img src="/images/progress_bar.gif" />
    </div>

Javascript

  function DisplayProgress()
        {
            document.getElementById('pnlProgress').style.visibility = 'visible';
            window.setTimeout(HideProgressPanel, 20000);  //handles hiding the progress panel should the operation time out
        }

    function HideProgressPanel()
    {
    document.getElementById('pnlProgress').style.visibility = "hidden", 20000
    }

回复收藏 0 原文

神爱温柔 2024-08-08 12:55:11

我这样做了，当页面加载时，在加载完成之前我显示进度条......

<body onload="javascript:HidePreloader();">

 <div id="preloader" style="width: 100%; text-align: center;">
                    <img src="../Images/loading.gif" alt="" style="display: block;" />
                </div>

<script language="javascript" type="text/javascript">
    function HidePreloader() {
        if (document.getElementById('preloader') != null) {
            document.getElementById('preloader').style.visibility = 'hidden';

        }
    }
</script>

I did in this way, when page load, before loading complete I am show progress bar...

<body onload="javascript:HidePreloader();">

 <div id="preloader" style="width: 100%; text-align: center;">
                    <img src="../Images/loading.gif" alt="" style="display: block;" />
                </div>

<script language="javascript" type="text/javascript">
    function HidePreloader() {
        if (document.getElementById('preloader') != null) {
            document.getElementById('preloader').style.visibility = 'hidden';

        }
    }
</script>

回复收藏 0 原文

~没有更多了~

关于作者

暂无简介

0 文章

0 评论

21 人气

关注发私信

相关话题

热门标签

操作系统程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端

推荐作者

不再见

文章 0 评论 0

真是无聊啊

文章 0 评论 0

樱娆

文章 0 评论 0

浅语花开

文章 0 评论 0

烛光

文章 0 评论 0

绻影浮沉

文章 0 评论 0

友情链接

我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的隐私政策了解更多相关信息。单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。

原文