<%@ 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)

    {

    }

}

ASPxLoadingPanel(珍藏版)的更多相关文章

  1. 珍藏版 Python 开发工程师面试试题

    珍藏版 Python 开发工程师面试试题 说明:不拿到几家公司的offer,那就是卑鄙的浪费 一.Python_基础语法 1.可变与不可变类型: 2.浅拷贝与深拷贝的实现方式.区别:deepcopy如 ...

  2. Unix Linux 通用vi命令，使用帮助手册【珍藏版】

    Vi 简介 Vi 是 Unix 世界里极为普遍的全萤幕文书编辑器,几乎可以说任何一台 Unix 机器都会提供这套软体.Linux 当然也有,它的 vi 其实是 elvis(版权问题),不过它们都差不多 ...

  3. Backbone.js源码分析(珍藏版)

    源码分析珍藏,方便下次阅读! // Backbone.js 0.9.2 // (c) 2010-2012 Jeremy Ashkenas, DocumentCloud Inc. // Backbone ...

  4. 英语语法最终珍藏版笔记- 21it 用法小结

    it 用法小结 it 在英语中的意思较多,用法较广,现总结如下. 一.it作句子的真正主语 1．it 指前面已经提到过的人或事物,有时指心目中的或成为问题的人或事物,作真正主语. 例如: What’s ...

  5. 英语语法最终珍藏版笔记-18what 从句的小结

    what 从句的小结 1．意思是“所….的事/物”, 相当于the thing(s) that…, that which…, 或those which… 可以用于以下情况: (1) 引导主语从句.如: ...

  6. 英语语法最终珍藏版笔记-17名词性-主语-宾语-同位语-表语-that从句

    名词性从句 在主从复合句中,从句可以充当主句的主语.表语.宾语或同位语.由于在多数情况下,主语.表语.宾语或同位语这四种句子成分由名词性词类充当,所以,我们把这些作用相当于名词的从句统称为名词性从句, ...

  7. 英语语法最终珍藏版笔记-6“情态动词＋have+ done”的含义

    “情态动词+have+ done”的含义 1.Must have done的含义.“must have+过去分词”表示对过去的推测,意思是“一定已经,想必已经,准是已经….”,只用于肯定句中.例如: ...

  8. [书目20131114]微软技术丛书•快速软件开发(珍藏版) Rapid Development Taming Wild Software Schedules By Steve McConnell

    本文摘自:http://shop.oreilly.com/product/9781556159008.do EFFICIENT DEVELOPMENT Chapter 1 Welcome to Rap ...

  9. Ubuntu常用命令速查手册-珍藏版-完整版

    sudo apt-get install 软件名 安装软件命令 sudo nautilus 打开文件(有root权限) su root 切换到“root” ls 列出当前目录文件(不包括隐含文件) l ...

随机推荐

  1. 学习笔记之机器学习实战 (Machine Learning in Action)

    机器学习实战 (豆瓣) https://book.douban.com/subject/24703171/ 机器学习是人工智能研究领域中一个极其重要的研究方向,在现今的大数据时代背景下,捕获数据并从中 ...

  2. 01-TCP/IP概述

    TCP/IP 概述 允许不同厂家的各种型号的计算机使用不同操作系统互相进行通信 真正的开放系统 "全球互联网"或"因特网"的基础 2.分层 网络协议通常分不同层 ...

  3. Making a view in a listview invisible android

    问题: I have a ListView that's using a custom adapter. I want to dynamically add/remove items from the ...

  4. UE4 材质Lerp节点解疑

    转自:http://www.manew.com/thread-46268-1-1.html 1.A是一个灰色,B是一个红色,Alpha是一个颜色图 A到B是0到1,也就是黑到白,所以,alpha图,黑 ...

  5. 在线学习和在线凸优化（online learning and online convex optimization）—在线分类问题2

    紧接上文,我们讲述在线分类问题 令,为0-1损失,我们做出如下的简化假设: 学习者的目标是相对于hypotheses set: H具有low regret,其中H中的每个函数是从到{0,1}的映射,并 ...

  6. WebUploader 手机端上传图片(转)

    https://blog.csdn.net/loserorleader/article/details/50395040

  7. Node JS 8 如何在浏览器上在线调试

    0:为何专门针对Node8写这个 从nodejs8开始,node去掉了_debugger , 内部集成了inspect , 以往使用node-inspect实现的在线调试不再可用.node8开始要用新 ...

  8. （转）Intellij IDEA 快捷键整理

    [常规] Ctrl+Shift + Enter,语句完成 “!”,否定完成,输入表达式时按 “!”键 Ctrl+E,最近的文件 Ctrl+Shift+E,最近更改的文件 Shift+Click,可以关 ...

  9. time random sys os 模块

    时间模块 在Python中,通常有这三种方式来表示时间:时间戳.元组(struct_time).格式化的时间字符串: (1)时间戳(timestamp) :通常来说,时间戳表示的是从1970年1月1日 ...

  10. three.js学习：三维空间下的直线

    index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo ...