<%@ 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. Python 创建XML

    https://blog.csdn.net/seetheworld518/article/details/49535285

  2. 【java】之Method和Field反射获取和设置属性值

    package com.javaluna.reflect; import java.lang.reflect.Field; import java.lang.reflect.Method; impor ...

  3. ubuntu16.04安装chrome

    方法1: 到 https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb 下载最新的安装文件. 然后使用cd命令 ...

  4. ubuntu 安装php 扩展和查看扩展包

    利用ubuntu的软件包下载.安装工具:apt-get 输入下面的命令即可安装 php扩展库mcrypt.curl.gd库.mbstring.simplexml. apt-get install ph ...

  5. springboot（整合事务和分布式事务）

    springboot +mybatis 单数据源,事务 事务:简单理解指的是一组操作,里面包含许多个单一的逻辑,只要有一个逻辑没有执行成功 ,那么都算失败.所有的数据都回归到最初的状态(回滚) 代码实 ...

  6. go中redis使用小结

    最近做了个关于redis的项目,那么就整理下遇到和未遇到的问题 1.redis的简介安装 2.redis的数据结构 3.Redis基本使用 4.Redis的并发 5.Redis的落地 一.redis的 ...

  7. MaidSafe区块链项目白皮书解读

    MaidSafe.net宣布项目SAFE到社区 1. 介绍 现有的互联网基础设施越来越难以应付超过24亿互联网用户的需求,这个数字在2017年预计将增长到36亿.今天的架构中,中央中介(服务器)存储并 ...

  8. T-SQL 无参数的存储过程的创建和执行

    use StudentManager go if exists(select * from sysobjects where name='usp_ScoreQuery') drop procedure ...

  9. Redis进阶实践之十三 Redis的Redis-trib.rb脚本文件使用详解

    转载来源:http://www.cnblogs.com/PatrickLiu/p/8484784.html 一.简介 事先说明一下,本篇文章不涉及对redis-trib.rb源代码的分析,只是从使用的 ...

  10. vue属性

    1. 图片地址: data:{ url:"https://www.baidu.com/img/bd_logo1.png"}, <img v-bind:src="ur ...