gpt4 book ai didi

c# - 如何使用 UpdateProgress 控件显示等待符号?

转载 作者:太空狗 更新时间:2023-10-30 00:01:44 26 4
gpt4 key购买 nike

我有一个带有 ListView 的 ASP.NET 应用程序。我从 Active Directory 获取数据,现在如果 ListVew 正在构建,我需要一个等待符号。我想我会使用 Ajax 控件工具包中的 UpdateProgress 控件。但是我不知道如何使用它,如果我单击一个按钮并且等待符号(例如 gif)在 ListView 完成时关闭。 :(

我的 CS 文件:

protected void btnBenutzerSuchen_Click(object sender, EventArgs e)
{
//If I click on this Button the gif must start

try
{
... // my ListView get data

this.myListView.DataSource = dv;
this.myListView.DataBind();

...

}
catch (Exception)
{
...
}

//If the ListView is finish the gif must close
}

我该怎么做?我可以像这样使用 UpdateProgress 执行此操作吗:

<asp:UpdateProgress ID="UpdateProgress1" DynamicLayout="true" runat="server" AssociatedUpdatePanelID="?" >
<ProgressTemplate>
<div class="progress">
<img src="images/ajax-loader-arrows.gif" />&nbsp;please wait...
</div>
</ProgressTemplate>
</asp:UpdateProgress>

我的 update.aspx 文件:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="~/BenutzerListe.aspx.cs" Inherits="BenutzerListe.BenutzerListe" %>
<%@ Register TagPrefix="asp" Namespace="AjaxControlToolkit" Assembly="AjaxControlToolkit"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>

<script src="Scripte/jquery-1.7.2.js" type="text/javascript"></script>
<script type="text/javascript" src="Scripte/jquery-ui-1.8.22.custom.min.js" ></script>

<script language="javascript" type="text/javascript">

// my javascript code

</script>

<link href="~/App_Theme/BenutzerListeStyle.css" type="text/css" rel="Stylesheet" />
<link href="App_Theme/jquery-ui-1.8.22.custom.css" type="text/css" rel="Stylesheet" />
<link href="App_Theme/PopUpDialog_Style.css" type="text/css" rel="Stylesheet" />

<style type="text/css">
#SuchTabelle
{
width: 587px;
}
</style>

</head>

<body>
<form id="form1" runat="server">

<asp:scriptmanager id="ScriptManager1" runat="server">
</asp:scriptmanager>

<div class="header">
<br />

<table id="SuchTabelle" class="SuchTabelle" runat="server" border="0" width="100%">
<tr>
<th><asp:Label ID="id_SearchUser" runat="server" Text="lblSearchUser"></asp:Label></th>
<th class="txtBenutzerSuchen"><asp:TextBox ID="txtBenutzer" runat="server" Width="150px" ToolTip="Gesucht wird nach Vorname, Nachname, eMail , Abteilung und Telefonnummer"></asp:TextBox></th>
<th><asp:Label ID="id_location" runat="server" Text="lblLocation"></asp:Label></th>
<th class="DropDownList"><asp:DropDownList ID="dropWerk" runat="server" Width="200px" /></th>
<th>

<asp:Button ID="Button2" runat="server" Text="Suchen" onclick="btnBenutzerSuchen_Click" Width="150px"/>

</th>
</tr>
</table>

</div>

<div class="bodyList">

<asp:UpdatePanel ID="update" runat="server">
<ContentTemplate>

<asp:ListView> .... </asp:ListView>

</ContentTemplate>
</asp:UpdatePanel>

<asp:UpdateProgress ID="updatePro" DynamicLayout="true" runat="server" AssociatedUpdatePanelID="update">
<ProgressTemplate>
<asp:Image ImageUrl="~/App_Theme/ajax_loader_circle.gif" runat="server" ID="waitsymbol" />
</ProgressTemplate>
</asp:UpdateProgress>

<hr />
</div>

</form>
</body>
</html>

最佳答案

首先将您的 ListView aspx 代码放在更新面板中

<asp:UpdatePanel ID="up" runat="server">
<ContentTemplate>
// Place your list View Code here
<asp:ListView ..........
...... </asp:ListView>
</ContentTemplate>
<Triggers>
// If button is present outside update panel then specify AsynPostBackTrigger
<asp:AsyncPostBackTrigger ControlID="btnControlID" EventName="Click" />
</Triggers>
</asp:UpdatePanel>

// Now Set AssociatedUpdatePanelID="up" in the UpdateProgress

<asp:UpdateProgress ID="UpdateProgress1" DynamicLayout="true" runat="server" AssociatedUpdatePanelID="up" >
<ProgressTemplate>
<div class="progress">
<img src="images/ajax-loader-arrows.gif" />&nbsp;please wait...
</div>
</ProgressTemplate>
</asp:UpdateProgress>

关于c# - 如何使用 UpdateProgress 控件显示等待符号?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12191436/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com