在我的其他随笔里已经介绍了后台也就是服务端Dev系列控件的一些用法,接下来我介绍Dev系列控件在前台也就是客户端的一些常用方法介绍以及前后台异步通信的方法。

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

    属性

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

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

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

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

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

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

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

>

运行效果如下图:Dev系列控件的AJAX

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

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

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

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

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

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

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

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

客户端:

>

服务端:

 DevExpress.Web.ASPxEditors;

 

;
    }

Dev系列控件的AJAX

OK,一个简单的异步刷新下拉框连动实现。那么思索下dev控件的异步通信,既然这么容易能实现从客户端服务端的异步刷新,那么要求再高点,

怎样通过服务端的发起来异步改变客户端的元素呢?我们把上面的程序稍微改下

>

 

服务端:

;
    }

 

看看效果:Dev系列控件的AJAX。没错"更新成功"是从服务端回传给了客户端!是不是很简单?一个重要的属性JSProperties

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

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

的设置。

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

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

相关文章:

  • 2021-07-06
  • 2021-05-22
  • 2021-12-20
  • 2021-10-16
  • 2022-01-13
  • 2021-10-21
  • 2022-01-08
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-07-28
  • 2022-12-23
  • 2022-03-06
相关资源
相似解决方案