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

<!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 type="text/javascript">

        function GetDetailsContainer(id) {

            return document.getElementById("Detail" + id.toString());

        }

        function ShowDetails(id) {  

            GetDetailsContainer(id).innerHTML = "Loading…";

            Callback1.PerformCallback(id);  //回调方法，将调用服务器端注册的Callback方法。

            //1:表示第一个div (服务器端：e.Parameter = 1)

            //2:表示第二个div (服务器端：e.Parameter = 2)

            //3:表示第三个div (服务器端：e.Parameter = 3)

        }

        /*

        -------------------------------------

        Callback1.PerformCallback(parameter);

        PerformCallback方法会调用Callback1服务器端的ASPxCallback1_Callback()方法，以完成和服务器

        端的通信。所以在服务器端一定要注册ASPxCallback1_Callback方法，以完成指定的操作。

        同时，PerformCallback()中的参数可有可无，类型为string，当有参数时，服务器端可通过ASPxCallback1_Callback()

        中的 ( CallbackEventArgs e) e.Parameter来获得，并通过e.Result参数返回结果值。

        此时，就可以通过执行Client端的CallbackComplete方法来获取执行的方法。

        总结：

        1 向页面添加CallBack组件，并设置ClientInstanceName属性(客户端标识,如 ClientInstanceName="Callback1")。

        2 注册CallBack组件的服务器端事件ASPxCallback_Callback。

        3 注册CallBack组件的CallbackComplete事件，用来处理回调完之后的操作，并可通过参数e获取parameter和result的值。

        4 在客户端用户CallBack组件的客户端方法PerformCallback方法，以调用服务器端的ASPxCallback_Callback事件。

          代码：Callback1.PerformCallback(id)

        5 CallBack组件自动调用CallbackComplete事件，完成此次操作。

        */

        </script>

</head>

<body>

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

    <div>

   <div id="Detail1">

        <a href="javascript:ShowDetails('1');" >Show Detail </a>

        <br />

    </div>

    <div id="Detail2">

        <a href="javascript:ShowDetails('2');">Show Detail </a>

        <br />

    </div>

    <div id="Detail3">

        <a href="javascript:ShowDetails('3');">Show Detail </a>

        <br />

    </div>

        <dx:ASPxCallback ID="ASPxCallback1" runat="server"

            ClientInstanceName="Callback1" oncallback="ASPxCallback1_Callback">

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

     var element = GetDetailsContainer(e.parameter);

        element.innerHTML = e.result;

}" />

        </dx:ASPxCallback>

<!--

-------------------------------------------------

 CallbackComplete 方法原型：

function ASPxClientCallbackCompleteEventHandler(

   source : object,

   e : ASPxClientCallbackCompleteEventArgs

) : Void;

parameter：获取AspxCallBack进行回调的参数值。

result：获取回调之后的结果值。

这个方法会在回调完成之后自动的调用。

------------------------------------------------

-->

    </div>

    </form>

</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 Default3 : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

    }

    protected void ASPxCallback1_Callback(object source, DevExpress.Web.CallbackEventArgs e)

    {

        //休息3秒，表示服务器在工作中

        System.Threading.Thread.Sleep();

        switch (e.Parameter)

        {

            case "":

                e.Result = "WCF分布式开发步步为赢(1)：WCF分布式框架基础概念";

                break;

            case "":

                e.Result = "WCF分布式开发步步为赢(2)自定义托管宿主WCF解决方案开发配置过程详解";

                break;

            case "":

                e.Result = "WCF分布式开发步步为赢(3)WCF服务元数据交换、配置及编程开发";

                break;

        }

    }

}

ASPxCallback组件(珍藏版)的更多相关文章

  1. ASPxCallback控件

    ASPxCallback控件简单来的来说是一个数据回调控件,即不刷新事个页面来展现数据,主要是通过注册客户端事件与服务器端的事件来相互通信完成任务. 如何使用ASPXCallback: 向页面添加Ca ...

  2. devexpress控件之ASPxCallback

    ASPxCallback主要是通过注册客户端事件与服务器端事件来相互通信完成任务.ASPxCallback控件为我们封装了大量的Ajax操作,使用起来非常的方便,如果页面中遇到需要局部刷的操作而又不想 ...

  3. DevExpress组件AspxCallBack之传递数值到客户端多个控件

    AspxCallBack从服务器传值到客户端单个控件可以用CallbackEventArgs的e.Result来传值,下面是传值多个控件的做法. ASPX页面代码: <dx:ASPxCallba ...

  4. 如约而至：微信自用的移动端IM网络层跨平台组件库Mars已正式开源

    1.前言 关于微信内部正在使用的网络层封装库Mars开源的消息,1个多月前就已满天飞(参见<微信Mars:微信内部正在使用的网络层封装库,即将开源>),不过微信团队没有失约,微信Mars ...

  5. 【转】如约而至：微信自用的移动端IM网络层跨平台组件库Mars已正式开源

    网上看到关于微信官方的跨平台跨业务的终端基础组件Mars的介绍文章,转载这这里.源代码: https://github.com/Tencent/mars作者:男人链接:https://zhuanlan ...

  6. ExtJS 4.2 评分组件

    上一文章是扩展ExtJS自带的Date组件.在这里将创建一个评分组件. 目录 1. 介绍 2. 示例 3. 资源下载 1. 介绍 代码参考的是 Sencha Touch 2上的一个RatingStar ...

  7. react组件的生命周期

    写在前面: 阅读了多遍文章之后,自己总结了一个.一遍加强记忆,和日后回顾. 一.实例化(初始化) var Button = React.createClass({ getInitialState: f ...

  8. react-router 组件式配置与对象式配置小区别

    1. react-router 对象式配置 和 组件式配置    组件式配置(Redirect) ----对应---- 对象式配置(onEnter钩子) IndexRedirect -----对应-- ...

  9. Angular2入门系列教程3-多个组件，主从关系

    上一篇 Angular2项目初体验-编写自己的第一个组件 好了,前面简单介绍了Angular2的基本开发,并且写了一个非常简单的组件,这篇文章我们将要学会编写多个组件并且有主从关系 现在,假设我们要做 ...

随机推荐

  1. Java使用 SFTP实现文件上传下载

    package com.lijy.util; import com.jcraft.jsch.Channel; import com.jcraft.jsch.ChannelSftp; import co ...

  2. C++进阶--不让编译器自动生成类函数

    //############################################################################ /* * 不让编译器自动生成类函数 * * ...

  3. Hadoop 管理工具HUE配置-filebrowser配置

    Hue提供了图形化截面管理HDFS数据,可谓之非常方便,但是在配置上,还是有点麻烦的. 1 /home/hadoop/software/cloud/hue/desktop/conf/pseudo-di ...

  4. 使用jquery.validation+jquery.poshytip做表单验证--未完待续

    jqueryValidate的具体使用方法很多,这里就不在赘述,这一次只谈一下怎样简单的实现表单验证. 整片文章目的,通过JQvalidation按表单属性配置规则验证,并将验证结果通过poshyti ...

  5. PAT 乙级 1076 Wifi密码 (15)

    下面是微博上流传的一张照片:“各位亲爱的同学们,鉴于大家有时需要使用wifi,又怕耽误亲们的学习,现将wifi密码设置为下列数学题答案:A-1:B-2:C-3:D-4:请同学们自己作答,每两日一换.谢 ...

  6. JQuery中Ajax的Post提交在IE下中文乱码的解决方法

    原文地址:http://www.bitscn.com/pdb/ajax/316671.html 引言: 在JQuery的Ajax POST请求中,进行请求,其中的中文在后台,显示为乱码,该如何解决呢? ...

  7. dubbo项目部署遇到的问题

    部署的项目结构如下: [图片] 1 Socket >>>相关的报错 检查下zookeeper的服务端cmd和客户端cmd是否起来了 2 jdbc.DataSourceProperti ...

  8. 数据库的ds命令

    Mysqi      数据库: 理一下数据库的格式: mysqi 关系型数据库,(表的概念) node.js 非关系性数据库  (json) 结构:数据库存放多张表,每个表可以存放多个字段,每个字段可 ...

  9. Linux下的文件操作——基于文件描述符的文件操作(2)

    文件描述符的复制 MMAP文件映射 ftruncate修改文件大小 文件描述符的复制 ​ 系统调用函数dup和dup2可以实现文件描述符的复制,经常用来重定向进程的stdin(0), stdout(1 ...

  10. IP网络设计

    一.总体规划 网络设计的分层思想 按照网络设计的分层思想,通常将网络分为:核心层.汇聚层和接入层三个部分.这三部分在功能上有明显差别 ,因此在IP设计上,有必要对这三个部分区别对待. 二.核心层 核心 ...