ASPxCallback组件(珍藏版)
<%@ 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组件(珍藏版)的更多相关文章
- ASPxCallback控件
ASPxCallback控件简单来的来说是一个数据回调控件,即不刷新事个页面来展现数据,主要是通过注册客户端事件与服务器端的事件来相互通信完成任务. 如何使用ASPXCallback: 向页面添加Ca ...
- devexpress控件之ASPxCallback
ASPxCallback主要是通过注册客户端事件与服务器端事件来相互通信完成任务.ASPxCallback控件为我们封装了大量的Ajax操作,使用起来非常的方便,如果页面中遇到需要局部刷的操作而又不想 ...
- DevExpress组件AspxCallBack之传递数值到客户端多个控件
AspxCallBack从服务器传值到客户端单个控件可以用CallbackEventArgs的e.Result来传值,下面是传值多个控件的做法. ASPX页面代码: <dx:ASPxCallba ...
- 如约而至：微信自用的移动端IM网络层跨平台组件库Mars已正式开源
1.前言 关于微信内部正在使用的网络层封装库Mars开源的消息,1个多月前就已满天飞(参见<微信Mars:微信内部正在使用的网络层封装库,即将开源>),不过微信团队没有失约,微信Mars ...
- 【转】如约而至：微信自用的移动端IM网络层跨平台组件库Mars已正式开源
网上看到关于微信官方的跨平台跨业务的终端基础组件Mars的介绍文章,转载这这里.源代码: https://github.com/Tencent/mars作者:男人链接:https://zhuanlan ...
- ExtJS 4.2 评分组件
上一文章是扩展ExtJS自带的Date组件.在这里将创建一个评分组件. 目录 1. 介绍 2. 示例 3. 资源下载 1. 介绍 代码参考的是 Sencha Touch 2上的一个RatingStar ...
- react组件的生命周期
写在前面: 阅读了多遍文章之后,自己总结了一个.一遍加强记忆,和日后回顾. 一.实例化(初始化) var Button = React.createClass({ getInitialState: f ...
- react-router 组件式配置与对象式配置小区别
1. react-router 对象式配置 和 组件式配置 组件式配置(Redirect) ----对应---- 对象式配置(onEnter钩子) IndexRedirect -----对应-- ...
- Angular2入门系列教程3-多个组件，主从关系
上一篇 Angular2项目初体验-编写自己的第一个组件 好了,前面简单介绍了Angular2的基本开发,并且写了一个非常简单的组件,这篇文章我们将要学会编写多个组件并且有主从关系 现在,假设我们要做 ...
随机推荐
- [LeedCode]279. 完全平方数
题目描述: 给定正整数 n,找到若干个完全平方数(比如 , , , , ...)使得它们的和等于 n.你需要让组成和的完全平方数的个数最少. 示例 : 输入: n = 输出: 解释: = + + . ...
- 【mysql】ICP下mysql执行计划的一次解析
mysql版本 [root@xxxx]# mysql --version mysql Ver 15.1 Distrib 5.5.52-MariaDB, for Linux (x86_64) using ...
- JavaScript之图片操作6
上一篇写的关于放大镜的,可能在实际开发中用的不是很多,接下来将的图片无缝滚动在实际工作中就是用的比较多的了. 如上图,通过定时器控制图片无缝滚动,当鼠标悬浮时停止滚动,鼠标离开,滚动继续. 主要原理是 ...
- Web jsp开发学习——前端后台传参方法
一.前端传后台: 1.1表单数据的传递 前端的表单里定义名字name 后台通过名字获取输入的值 1.2页面点击了哪个按钮传递 登录注销的另一种方式 点击登录的地方设置参数 ...
- 开发框架-Web-Java：JeePlus
ylbtech-开发框架-Web-Java:JeePlus 1.返回顶部 2.返回顶部 3.返回顶部 4.返回顶部 5.返回顶部 0. http://www.jeeplus.org/ ...
- C语言强化——字符串（1）
实现 mystrcpy(), mystrcmp(), mystrcat(), mystrlen() ; #include<stdio.h> void mystrcpy(char *i,ch ...
- MySQL学习----unsigned 无符号的总结
unsigned 为“无符号”的意思, unsigned,zerofill 既为非负数,用此类型可以增加数据长度, 例如如果 int最大是65535,那 ...
- go语言学习--map的并发
go提供了一种叫map的数据结构,可以翻译成映射,对应于其他语言的字典.哈希表.借助map,可以定义一个键和值,然后可以从map中获取.设置和删除这个值,尤其适合数据查找的场景.但是map的使用有一定 ...
- host文件的工作原理及应用
host文件的工作原理及应用 Hosts文件是一个用于存储计算机网络中节点信息的文件,它可以将主机名映射到相应的IP地址,实现DNS的功能,它可以由计算机的用户进行控制. 一.Hosts文件基本介绍 ...
- css属性—position的使用与页面的分层介绍
一.引言: 在css众多属性中,position算是里面用的比较多也相对来说比较重要的属性了,它对于单个标签的“定位”.标签之间的“相对位置定位”还有网页的分层来说十分重要! 二.“定位的实现”具体介 ...