ASPxLoadingPanel(珍藏版) | ASPxLoadingPanel

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ASPxLoadingPanel.aspx.cs" Inherits="ASPxLoadingPanel" %>

<!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="Scripts/jquery-1.6.2.min.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function () {

            $("#CheckBox1").click(function () {

                if ($("#CheckBox1").attr("checked")) {

                    //alert("选中了");

                    //$("#LoadingPanel2").attr("ContainerElementID", "divLoad");

                } else {

                    //alert("很遗憾");

                    //$("#LoadingPanel2").attr("ContainerElementID", ""); 好像这样不行

                }

            });

        });

    </script>

</head>

<body>

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

    <div>

        <dx:ASPxLoadingPanel ID="ASPxLoadingPanel2" runat="server"

            ClientInstanceName="LoadingPanel2" Text="加载中..."

            SpriteImageUrl="~/imgs/load.gif" Theme="Mulberry" >

        </dx:ASPxLoadingPanel>

        <!--

            ContainerElementID 设置关联那个控件(当然还可以显示图片等信息)

        -->

    <div style="height: 74px; background-color: #00FFFF;" id="divLoad">

    </div>

    <dx:ASPxButton ID="ASPxButton1" runat="server" Text="显示Loading" AutoPostBack="false"

            oncustomjsproperties="ASPxButton1_CustomJSProperties">

        <ClientSideEvents Click="function(s, e) {

                 LoadingPanel2.Show();

            }" />

    </dx:ASPxButton>

        <br />

    <dx:ASPxButton ID="ASPxButton2" runat="server" Text="停止Loading" AutoPostBack="False"

            oncustomjsproperties="ASPxButton1_CustomJSProperties">

        <ClientSideEvents Click="function(s, e) {

                 LoadingPanel2.Hide();

            }" />

    </dx:ASPxButton>

    <br />

    <asp:CheckBox ID="CheckBox1" runat="server" Text="Container"  ClientIDMode="Static" />

    <!--

    总结：

        LoadingPanel控件用于在回调服务器时在页面上展示的一个提示控件。

        可通过 LoadPanel.Show()进行展示。

        默认情况下，LoadingPanle是显示在网页正中的，如果更新的只是一个

        局部的Panle或Div，则可以指定LoadingPanel的ContainerElementID，

        显示时会在指定Control的上方。如

            ASPxLoadingPanel1.ContainerElementID = "divLoad";

    -->

    </div>

    </form>

    <p>

        ASPxLoadingPanel在前台可以用客户端名.Show().Hide()两个方法来显示隐藏，有没有在服务器端可以执行的方法或属性来显示隐藏</p>

</body>

</html>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class ASPxLoadingPanel : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

    }

    protected void ASPxButton1_Click(object sender, EventArgs e)

    {

        // 服务器选择回延迟一个调用周期

        if (this.CheckBox1.Checked)

            ASPxLoadingPanel2.ContainerElementID = "divLoad";

        else

            ASPxLoadingPanel2.ContainerElementID = "";

    }

    protected void ASPxButton1_CustomJSProperties(object sender, DevExpress.Web.CustomJSPropertiesEventArgs e)

    {

    }

}