OFFICE

北京市海淀区北清路68号用友软件园A座


  PHONE

86-10-62431800


  EMAIL

support@itari.com.cn

AJAX控件


2013-01-14 16:42:07    作者:ITARI     来源

AJAX (Asynchronous JavaScript and XML)是结合了Java技术、XML以及JavaScript等编程技术, 可以让开发人员构建基于Java技术的Web应用,并打破了使用页面重载的惯例。 Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法。 这样,Web页面不用打断交互流程进行重新加裁,就可以动态地更新。 使用Ajax,用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。 AJAX实现了数据和表现层的分离,可以跨浏览器使用,减少服务器负担,减轻网络宽带的传数量,缩短页面的响应时间。

DWR(Direct Web Remoting)是一个WEB远程调用框架.利用这个框架可以让AJAX开发变得很简单. 利用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值给JavaScript就好像直接本地客户端调用一样 (DWR根据Java类来动态生成JavaScrip代码).

jQuery 是个轻量级的开源JavaScript库(只有15kb大),在相当短的时间内,已经成为网上最受欢迎的JavaScript库之一。

jQuery如此受欢迎,有很大一部分是因为它允许你用最少数量的代码就能非常优雅地(且非常有效地)找出和操作HTML元素。 jQuery是通过一个非常棒的“selector” API来实现这个的,该API允许开发人员查询HTML元素, 然后对它们施加“命令(commands)”。jQuery命令的一个特征是,它们可以“串连(chained)”在一起, 这样,一个命令的结果可以转而注入到另一个命令中去。 jQuery还包含了一套内置的动画效果APIs,这些APIs可以用作命令之用。这样的组合允许你只要击键几次就可以做一些非常酷的事情。

ajaxControl组件集成了dwr和jQuery框架,为用户处理常用页面技术提供了特例。

 功能介绍
1.后台数据验证
用户在页面上输入要验证的数据后,点击提交按钮(或者按下回车键),程序自动调用后台的验证程序,页面不需要刷新就可以得到验证结果,缩短了页面显示的时间,让用户可以快捷,便利的看见显示结果。
2.录入帮助
录入转换,用户录入部分或全部代码后,按回车将代码转换为相关的文字描述信息,光标自动跳到下一个控件上; 录入提示,用户录入内容时做出提示帮助用户完成键入相同的文字或可以预测的文字的工作的。
 3.级联菜单
 应用Ajax使两个或多个下拉菜单关联起来,使用户逐级选取时,逐级缩小选择范围,更容易选中目标。例如:公司,一级部门,二级部门从上往下逐级关联。
4.动态树查看
应用Ajax改进分类树的实现机制。在初始化页面时,只获取第一级子分类的数据并且显示;当用户点开一级分类的第一节点时,页面会通过Ajax向服务器请求当前分类所属的二级子分类的所有数据;如果再请求已经呈现的二级分类的某一节点时,再次向服务器请求当前分类所属的三级子分类的所有数据,以此类推。页面会根据用户的操作向服务器请求它所需要的数据,这样就不会存在数据的冗余,减少了数据下载总量。同时,更新页面时不需要重载所有内容,只更新需 要更新的那部分内容即可,相对于以前后台处理并且重载的方式,大大缩短了用户的等待时间。
5.动态树编辑
用户可以新增树的根节点和各级节点,可以修改自定义节点信息,可以删除各级节点,但是不能删除根节点,节点展开时懒加载其下子节点,加载子节点成功后不会再次加载子节点。
 6.局部刷新
应用Ajax实现页面的局部刷新。当页面上内容的少数信息发生变化或者某部分信息具有实时性的时候,可使用局部刷新技术,也可定时刷新变化区域的内容,不需刷新整个页面。
 7.反向更新
应用逆向Ajax技术,当服务器端的数据发生变化时,更新与服务器连接的客户端的信息展示。
 8.单表综合模式
当web应用的某一功能页面包含一张表的数据展示及与该表相关联的一些业务功能操作时,我们称之为单表模式。单表综合模式是指表单中的table数据采用统一的编辑模式,直接在表上进行编辑。
 9.动态表翻页排序
利用ajax技术实现翻页和排序功能,使得在查看数据时只需更新数据区的内容,不够用更新整个页面,提高响应速度。
 10.单表独立模式
在列表页面上,用户点击“查询”,“新增”按钮和双击当前记录后,页面自动加载用户要操作的页面和数据,而页面无需跳转到新的页面。
 11.主子表模式
 主子表事务分开提交模式与“单表独立模式”相同,用户在主表列表页面上,点击“新增”和“修改”按钮后,页面跳转到主表详细信息页面,在该页面上用户可以随时修改主表信息,增加,修改和删除子表信息。
 12.基于Ext的Table控件
基于Dwr的实现Ext表格控件是Ext实现的表格展现,支持排序、分页、调整列宽、列隐藏、列拖拽。
13.Portlets控件
Portlets控件实现了类似于门户网站的Portal功能,支持Div的拖拽和互换,并可触发事件。

 

文章评论

{{loginInfo.name}}登录后参与评论
登录 发表评论
{{post.usrName}}回复{{post.replytoUserName}}