GridView ASP.Net 中需要进度条

发布于 2024-08-18 19:40:18 字数 388 浏览 2 评论 0原文

请看一下这张图片显示待处理工作的网格 http://softwaregenius.net/myimages/grid.png

该图像显示在 ASPX 页面 (.net 2.0) 上包含一些列的 gridview。获取所有库存列表后，我必须创建发票，然后将这些发票转换为 PDF。我想要的是状态栏中的进度条。我不想显示“待处理”或“已完成”状态，而是想显示一个进度条来突出显示发票和 pdf 创建的过程。

你知道我该怎么做吗？如果您仍然不明白，请考虑在 Orkut 中上传图像页面，该页面会在上传图像时显示进度条。

感谢您分享您的宝贵时间...

原文

分享到QQ

分享到微博

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

发布评论

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

差↓一点笑了 2024-08-25 19:40:18

要显示实际进度，您需要从服务器获取状态并更新客户端的 UI。一种方法是将 HTTP 处理程序和 AJAX 与 jQuery 结合使用。

1.启动发票创建

$("#btnCreateInvoice").click(function() {             
       $.ajax({ type: "POST",  url: "YourHttpHandler.ashx",
       contentType: "text/html; charset=utf-8",
       dataType: "html",  
       success: function(data) { UpdateStatus-Initialize some progressbar plugin }
       });
    });

2。轮询

接下来您需要做的是以“t”间隔轮询服务器并获取状态。为此，我们需要以“t”间隔调用一个函数，该函数将启动对 HTTPHandler 的 AJAX 调用以获取状态。

$(function() {
  setInterval(update, 't');
});

function updateStatus() {
  $.ajax({ type: "POST",  url: "GetStatusHandler.ashx",
       contentType: "text/html; charset=utf-8",
       dataType: "html",  
       success: function(data) { UpdateStatus - Update some progressbar plugin }
       });
}

3.服务器端状态管理

在您的情况下，可能会出现多个活动发票的情况，因此您需要在每个 AJAX 请求时更新/维护所有这些记录的状态。

另外，我不确定您是否可以通过此技术使用 ASP.NET 服务器端进度条控件，因为您需要在客户端更新它们。

To show actual progress you would need to get the status from the server and update the UI at client side. One way is to use HTTP Handlers and AJAX with jQuery.

1. Initiate InvoiceCreation

$("#btnCreateInvoice").click(function() {             
       $.ajax({ type: "POST",  url: "YourHttpHandler.ashx",
       contentType: "text/html; charset=utf-8",
       dataType: "html",  
       success: function(data) { UpdateStatus-Initialize some progressbar plugin }
       });
    });

2. Polling

What next you need to do is to poll the server at 't' interval and get the status. For that we need to call a function at 't' interval that would initiate an AJAX call to a HTTPHandler to get the status.

$(function() {
  setInterval(update, 't');
});

function updateStatus() {
  $.ajax({ type: "POST",  url: "GetStatusHandler.ashx",
       contentType: "text/html; charset=utf-8",
       dataType: "html",  
       success: function(data) { UpdateStatus - Update some progressbar plugin }
       });
}

3. Server side Status Management

In your case there will be a situation where there can be multiple active invoices, so you would need to update/maintain status of all those records every AJAX request.

Also I am not sure you can use ASP.NET Server side progress bar controls with this technique since you would need to update them at client side.

回复收藏 0 原文