C# “asp.net网页”；“页面正在加载”；

加载页面（检索数据等）时，如何显示通常在asp.net页面中看到的圆形漩涡图像？

是否使用UpdatePanel？或者您正在使用Jquery之类的Javascript库？如果是前者，则可以将漩涡添加到UpdateProgress；如果是后者（JQuery），则可以在.ajaxStart（）方法上触发映像

---

HTH

您正在使用UpdatePanel吗？或者您正在使用Jquery之类的Javascript库？如果是前者，则可以将漩涡添加到UpdateProgress；如果是后者（JQuery），则可以在.ajaxStart（）方法上触发映像

---

HTH

如果您使用的是UpdateProgress/UpdatePanel，下面是一些示例：

下面是使用UpdateProgress加载gif示例：

<asp:UpdateProgress ID="updProg" AssociatedUpdatePanelID="updPnl" DisplayAfter="0" runat="server">
    <ProgressTemplate>
        <div id="progInd">
            <img id="indic" src="/images/loadgifs/z.gif" alt="..." />
        </div>
    </ProgressTemplate>
</asp:UpdateProgress>  

<asp:ScriptManager ID="sm" runat="server" />

<asp:UpdatePanel ID="updPnl" runat="server">
<ContentTemplate>
        ...
    <asp:Timer ID="tmrTrigPostbk" runat="server" Interval="10" />
</ContentTemplate>
<Triggers>
    <asp:AsyncPostBackTrigger ControlID="tmrTrigPostbk" EventName="Tick" />
</Triggers>    
</asp:UpdatePanel>

protected void Page_Load(object sender, EventArgs e)
{
    tmrTrigPostbk.Enabled = !IsPostBack;
}

...
受保护的无效页面加载（对象发送方、事件参数e）
{
tmrTrigPostbk.Enabled=！IsPostBack；
}

如果您使用的是UpdateProgress/UpdatePanel，以下是一些示例：

下面是使用UpdateProgress加载gif示例：

<asp:UpdateProgress ID="updProg" AssociatedUpdatePanelID="updPnl" DisplayAfter="0" runat="server">
    <ProgressTemplate>
        <div id="progInd">
            <img id="indic" src="/images/loadgifs/z.gif" alt="..." />
        </div>
    </ProgressTemplate>
</asp:UpdateProgress>  

<asp:ScriptManager ID="sm" runat="server" />

<asp:UpdatePanel ID="updPnl" runat="server">
<ContentTemplate>
        ...
    <asp:Timer ID="tmrTrigPostbk" runat="server" Interval="10" />
</ContentTemplate>
<Triggers>
    <asp:AsyncPostBackTrigger ControlID="tmrTrigPostbk" EventName="Tick" />
</Triggers>    
</asp:UpdatePanel>

protected void Page_Load(object sender, EventArgs e)
{
    tmrTrigPostbk.Enabled = !IsPostBack;
}

...
受保护的无效页面加载（对象发送方、事件参数e）
{
tmrTrigPostbk.Enabled=！IsPostBack；
}

我使用jQuery BlockUI插件使这项工作变得非常容易，即使是在页面的某个区域（比如对话框）内也可以

下面是对服务器进行AJAX调用的示例：

    function GetNewContactInfo(contactId) {

    if (0 === contactId) {
        showErrorMsg('You must select a Contact to Retrieve');
        return;
    }

    var request = {
        ContactId: 0
    };

    wjBlockUI();

    request.ContactId = contactId;

    ContactServiceProxy.invoke({ serviceMethod: "GetContact",
        data: { request: request },
        callback: function(response) {
            DisplayNewContactInfo(response);
        },
        error: function(xhr, errorMsg, thrown) {
            postErrorAndUnBlockUI(xhr, errorMsg, thrown);
        }
    });

}

在DisplayNeewContectinfo函数中，我调用$.unbui（）；把信息带走。我在包装器函数中实际调用了BlockUI调用：

function wjBlockUI(msg) {

var defaultMsg = '<img src="../images/activity.gif" />';

if (null !== msg) {
    defaultMsg = msg
}

$.blockUI({ overlayCSS: { backgroundColor: '#aaa' }, message: defaultMsg });

函数wjBlockUI（msg）{
var defaultMsg=''；
如果（空！==msg）{
defaultMsg=msg
}
$.blockUI（{overlycss:{backgroundColor:'#aaa'}，消息：defaultMsg}）；

}

---

您可以下载这些示例来自的整个项目，

我使用jQuery BlockUI插件使其非常容易实现，即使在页面上的某个区域内，比如对话框中

下面是对服务器进行AJAX调用的示例：

    function GetNewContactInfo(contactId) {

    if (0 === contactId) {
        showErrorMsg('You must select a Contact to Retrieve');
        return;
    }

    var request = {
        ContactId: 0
    };

    wjBlockUI();

    request.ContactId = contactId;

    ContactServiceProxy.invoke({ serviceMethod: "GetContact",
        data: { request: request },
        callback: function(response) {
            DisplayNewContactInfo(response);
        },
        error: function(xhr, errorMsg, thrown) {
            postErrorAndUnBlockUI(xhr, errorMsg, thrown);
        }
    });

}

在DisplayNeewContectinfo函数中，我调用$.unbui（）；把信息带走。我在包装器函数中实际调用了BlockUI调用：

function wjBlockUI(msg) {

var defaultMsg = '<img src="../images/activity.gif" />';

if (null !== msg) {
    defaultMsg = msg
}

$.blockUI({ overlayCSS: { backgroundColor: '#aaa' }, message: defaultMsg });

函数wjBlockUI（msg）{
var defaultMsg=''；
如果（空！==msg）{
defaultMsg=msg
}
$.blockUI（{overlycss:{backgroundColor:'#aaa'}，消息：defaultMsg}）；

}

---

您可以下载整个项目，这些示例都来自于，

replice of replicate of the replicate of the nothing。这是一个简单的数据检索和填充文本字段。我想如果我想要那项功能，我必须使用UpdatePanel？实际上两者都不是。这是一个简单的数据检索和填充文本字段。我想如果我想要那个功能，我必须使用UpdatePanel？