一.Dev Data Edit控件通用属性以及方法:

属性

1.GetEnabled():返回控件是否为可操作状态

2.GetText():返回控件的Text的值

3.SetEnabled():设置控件状态

4.GetValue():返回控件的Value

5.SetValue():设置控件的Value

注意：在客户端进行Dev控件编程必须为Dev控件指定一个客户端的名称即ClientInstanceName，客户端直接根据ClientInstanceName来进行相关的

操作。一个简单的例子来从客户端改变AspxTextBox的值

<head id="Head1" runat="server">

    <title>ClientTest</title>

    <script language="javascript" type="text/javascript">

        function onSendText(s, e) {

            //得到AspxTextBox1的值

            var txt = txtSend.GetText();

            //根据AspxTextBox1的值设置AspxTextBox2的值

            var sendtxt = "Get " + txt + " from Client";

            txtGet.SetText(sendtxt);

        }

    </script>

</head>

<body>

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

    <div>

        <dxe:aspxtextbox id="ASPxTextBox1" runat="server" width="170px" clientinstancename="txtSend"

            clientenabled="true">

          </dxe:aspxtextbox>

        <dxe:aspxbutton id="ASPxButton1" runat="server" text="Post" autopostback="False"

            clientinstancename="btnSend">

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

         onSendText(s,e);

     }" />

          </dxe:aspxbutton>

        <dxe:aspxtextbox id="ASPxTextBox2" runat="server" width="170px" clientinstancename="txtGet"

            clientenabled="true">

          </dxe:aspxtextbox>

    </div>

    </form>

</body>

　运行效果如下图：

　

　　怎么样？是不是和ASP.NET AJAX有异曲同工之妙。

接下来，第二个例子，ASPXComBox下拉框无刷新连动

当然，已经有很多种方法，AJAX插件来实现下拉框的级联连动更新。Dev的下拉框也不例外。在介绍这个例子之间，首先节点介绍下Dev的控件是如何

实现客户端，服务端异步通信的。

从客户端到服务端的通信：PerformCallback()。PerformCallback就是从客户端到服务端的桥梁，它是单向的只能从客户端发起到服务端。在Perform

Callback()括号当中我们可以传递一些参数到服务器端，从而达到更新效果。

服务器端的接受并异步刷新：Callback()。当从服务端PerformCallback唤醒以后，响应的控件Callback事件开始执行(控件的服务器事件中可以找到)。

并且通过Parameter键值来获取从客户端传过来的值进行相关的处理。

客户端：

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

    <title>PerTest</title>

    <script language="javascript" type="text/javascript">

        //客户端处理下拉框选择项改变事件,client端aspxcombox下拉框改变事件为SelectedIndexChanged

        function OnEmployeesChanged(s) {

            //PerformCallback事件实际上时dev系列控件客户端服务器端异步通信的"大使"，通过PerfromCallback事件

            //将客户端的通信要求传递给服务端,在服务端通过控件的callback事件来接受相关参数并进行页面异步刷新

            devcbxChi.PerformCallback(s.GetValue());

        }

    </script>

</head>

<body>

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

    <div>

        <dxe:aspxcombobox runat="server" id="devcbxPar2" dropdownstyle="DropDownList" enableincrementalfiltering="True"

            enablesynchronization="False" clientinstancename="devcbxPar2" width="160px">

                         <ClientSideEvents SelectedIndexChanged="function(s, e) { OnEmployeesChanged(s); }"></ClientSideEvents>

                     </dxe:aspxcombobox>

        <dxe:aspxcombobox runat="server" id="devcbxChi" dropdownstyle="DropDownList" enableincrementalfiltering="True"

            enablesynchronization="False" clientinstancename="devcbxChi" width="160px" oncallback="devcbxChi_Callback">

                     </dxe:aspxcombobox>

    </div>

    </form>

</body>

</html>

　　服务端：

using DevExpress.Web.ASPxEditors;
    SqlConnection conn = new SqlConnection(ConfigurationManager.ConnectionStrings["northwind"].ConnectionString);

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

        {

            devcbxPar2.Items.Clear();

            string selectSQL = "select EmployeeID,FirstName from Employees";

            SqlDataAdapter SDA = new SqlDataAdapter(selectSQL, conn);

            DataSet DS = new DataSet();

            SDA.Fill(DS);

            for (int i = 0; i < DS.Tables[0].Rows.Count; i++)

            {

                devcbxPar2.Items.Add(new ListEditItem(DS.Tables[0].Rows[i]["FirstName"].ToString().Trim(), DS.Tables[0].Rows[i]["EmployeeID"]

                    .ToString().Trim()));

            }

        }

    }

    protected void devcbxChi_Callback(object source, DevExpress.Web.ASPxClasses.CallbackEventArgsBase e)

    {

        //得到从客户端传递过来的参数来进行异步通信响应

        string parm = e.Parameter.Trim();

        string selectSQL = "select TerritoryID from EmployeeTerritories where EmployeeID='" + parm + "'";

        SqlDataAdapter SDA = new SqlDataAdapter(selectSQL, conn);

        DataSet DS = new DataSet();

        SDA.Fill(DS);

        devcbxChi.Items.Clear();

        for (int i = 0; i < DS.Tables[0].Rows.Count; i++)

        {

            devcbxChi.Items.Add(DS.Tables[0].Rows[i]["TerritoryID"].ToString().Trim());

        }

        devcbxChi.SelectedIndex = 0;

    }

　　

OK，一个简单的异步刷新下拉框连动实现。那么思索下dev控件的异步通信，既然这么容易能实现从客户端服务端的异步刷新，那么要求再高点，怎样通过服务端的发起来异步改变客户端的元素呢？我们把上面的程序稍微改下

<head id="Head1" runat="server">

    <title>PerTest</title>

    <script language="javascript" type="text/javascript">

        //客户端处理下拉框选择项改变事件,client端aspxcombox下拉框改变事件为SelectedIndexChanged

        function OnEmployeesChanged(s) {

            //PerformCallback事件实际上时dev系列控件客户端服务器端异步通信的"大使"，通过PerfromCallback事件

            //将客户端的通信要求传递给服务端,在服务端通过控件的callback事件来接受相关参数并进行页面异步刷新

            devcbxChi.PerformCallback(s.GetValue());

        }

        function onEndCallback(s, e) {

            var result = s.cp_result;

            txtresult.SetText(result);

        }

    </script>

</head>

<body>

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

    <div>

        <dxe:aspxcombobox runat="server" id="devcbxPar2" dropdownstyle="DropDownList" enableincrementalfiltering="True"

            enablesynchronization="False" clientinstancename="devcbxPar2" width="160px">

                         <ClientSideEvents SelectedIndexChanged="function(s, e) { OnEmployeesChanged(s); }"></ClientSideEvents>

                     </dxe:aspxcombobox>

        <dxe:aspxcombobox runat="server" id="devcbxChi" enableincrementalfiltering="True"

            enablesynchronization="False" clientinstancename="devcbxChi" width="160px" oncallback="devcbxChi_Callback"

            valuetype="System.String">

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

    onEndCallback(s,e);

}" />

                     </dxe:aspxcombobox>

        <dxe:aspxtextbox id="ASPxTextBox1" runat="server" width="170px" clientinstancename="txtresult"

            forecolor="Red">

        </dxe:aspxtextbox>

    </div>

    </form>

</body>

　　服务端:

    protected void devcbxChi_Callback(object source, DevExpress.Web.ASPxClasses.CallbackEventArgsBase e)

    {

        //得到从客户端传递过来的参数来进行异步通信响应

        string parm = e.Parameter.Trim();

        string selectSQL = "select TerritoryID from EmployeeTerritories where EmployeeID='" + parm + "'";

        SqlDataAdapter SDA = new SqlDataAdapter(selectSQL, conn);

        DataSet DS = new DataSet();

        SDA.Fill(DS);

        devcbxChi.Items.Clear();

        for (int i = 0; i < DS.Tables[0].Rows.Count; i++)

        {

            devcbxChi.Items.Add(DS.Tables[0].Rows[i]["TerritoryID"].ToString().Trim());

        }

        devcbxChi.SelectedIndex = 0;

        //定义JSProperties参数值回传给客户端

        devcbxChi.JSProperties["cp_result"] = "更新成功";

    }

　　

看看效果：

　　没错"更新成功"是从服务端回传给了客户端！是不是很简单？一个重要的属性JSProperties

JSProperties属性可以从服务端的参数传到客户端。我们可以定义很多个参数，但是在定义JSProperties属性的参数时，一定要记得参数

的值以"cp"开头，以此来与Dev的基类区别开来。接下来我们在控件的客户端EndCallback()事件来接受JSProperties的参数来进行相关

的设置。

Dev的Data Edit相关控件的客户端编程也非常强大，让我们非常轻松的就可以实现异步通信。将Dev的客户端，服务端编程相结合，我们

的程序将效率更高，实现效果也更好。

Dev系列控件的AJAX使用Demo的更多相关文章

  1. Dev系列控件的AJAX (转)

    介绍Dev系列控件在前台也就是客户端的一些常用方法介绍以及前后台异步通信的方法. 一.Dev Data Edit控件通用属性以及方法: 属性 1.GetEnabled():返回控件是否为可操作状态 2 ...

  2. WPF系列 —— 控件添加依赖属性（转）

    WPF系列 —— 控件添加依赖属性 依赖属性的概念,用途 ,如何新建与使用.本文用做一个自定义TimePicker控件来演示WPF的依赖属性的简单应用. 先上TimePicker的一个效果图. 概念 ...

  3. Windows高DPI系列控件(一) - 饼图

    目录 一.醉一醉 二.效果展示 三.高DPI适配 1.高DPI框架运作 2.适配高DPI 3.适配饼图 四.相关文章 原文链接:Windos高DPI系列控件(一) - 饼图 一.醉一醉 眨眼功夫,20 ...

  4. jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法

    博客分类: jquery-easyui jQueryAjax框架HTML  现象: AJAX返回的html无法做到自动渲染为EasyUI的样式.比如:class="easyui-layout ...

  5. asp.net2.0安全性(4)－－Login系列控件--转载来自车老师

    前面主要说了与安全相关的一系列的类,现在我们使用这些类就可以做出我们自己的安全系统了.其实微软的目的远不至于此,下面我们就来看一下微软为我们提供的Login系列控件. Login系列控件是微软为了简化 ...

  6. dev的控件放在没有runat="server"的标签中，回调出现的问题

    dev的控件放在没有runat="server"的标签中,第一次回调是会刷新页面, 有runat="server"时不会刷新页面

  7. ASP.NET Dev ASPxGridView控件使用 ASP.NET水晶报表打印

    1.ASPxGridView控件使用 2.ASP.NET水晶报表客户端打印 3.javascript打印 4.ASPxGridView根据Textbox查询 5. ASPxGridView 列宽 1. ...

  8. WPF系列 —— 控件添加依赖属性

    依赖属性的概念,用途 ,如何新建与使用.本文用做一个自定义TimePicker控件来演示WPF的依赖属性的简单应用. 先上TimePicker的一个效果图. 概念 和 用途:依赖属性是对传统.net ...

  9. Windows高DPI系列控件(二) - 柱状图

    目录 一.QCP 二.效果展示 三.高DPI适配 1.自定义柱状图 2.新的柱状图 3.测试代码 四.相关文章 原文链接:Windows高DPI系列控件(二) - 柱状图 一.QCP QCP全称QCu ...

随机推荐

  1. 项目Beta冲刺--5/7

    项目Beta冲刺--5/7 作业要求 这个作业属于哪个课程 软件工程1916-W(福州大学) 这个作业要求在哪里 项目Beta冲刺 团队名称 基于云的胜利冲锋队 项目名称 云评:高校学生成绩综合评估及 ...

  2. dart 中的 try on catch

    catch 捕获异常 捕获了一个异常后,就停止了捕获异常过程.捕获一个异常,你就有机会去处理它: try { breedMoreLlamas(); } on OutOfLlamasException ...

  3. python基础语法14 面向对象

    面向对象 1.什么是面向对象? 面向对象是一门编程思想! - 面向过程编程思想: 核心是 “过程” 二字,过程指的是解决问题的步骤,即先干什么再干什么! 基于该编程思想编写程序,就好比在设计一条工厂流 ...

  4. call和apply的模拟实现

    call 一句话介绍 call: call() 方法在使用一个指定的 this 值和若干个指定的参数值的前提下调用某个函数或方法. 举个例子: var foo = { value: 1 }; func ...

  5. 命令行创建react.js项目

    npm install -g create-react-app  /*搭建一个全局的脚手架*/ create-react-app my-demo        /*创建项目 my-demo是项目名字* ...

  6. yolov2

    在这篇文章中,作者首先在YOLOv1的基础上提出了改进的YOLOv2,然后提出了一种检测与分类联合训练方法,使用这种联合训练方法在COCO检测数据集(用于检测)和ImageNet分类数据集(用于分类) ...

  7. pipelinewise 基于singer 指南的的数据pipeline 工具

    pipelinewise 是基于开源singer 指南开发的数据pipeline工具,与singer tap 以及target 兼容 支持的特性 内置的elt 特性 轻量级 支持多种复制方法,cdc( ...

  8. 13--网页,网站,微信公众号基础入门(PHP获取网页的get请求)

    https://www.cnblogs.com/yangfengwu/p/11148976.html 大家在访问网页的时候有没有注意一件事情 现在咱来看这种哈 现在咱做个功能哈,类似于这样 长话短说 ...

  9. 代码注入/文件包含 弹出Meterpreter

    主要通过 msf 中 exploit 的 web_delivery 模块来实现此功能 0x01 前提背景 目标设备存在远程文件包含漏洞或者命令注入漏洞,想在目标设备上加载webshell,但不想在目标 ...

  10. 模拟25A 题解

    A. Lighthouse m的范围极小,显然的容斥. 总的方案数,减去受任意一个限制的方案数,加回受两个限制的方案数. 就能得到受所有限制的的方案数. 将选择的一些边所指向的点放在同一个联通块里. ...