`
toyota2006
  • 浏览: 550797 次
  • 性别: Icon_minigender_1
  • 来自: 石家庄
社区版块
存档分类
最新评论

AJAX方式的ET的使用

阅读更多
1.DWR配置和使用
设置DWR的使用是简单的:
将DWR的jar文件拷入Web应用的WEB-INF/lib目录中,
在web.xml中增加一个servlet声明,并创建DWR的配置文件。DWR的分发中需要使用一个单独的jar文件。
你必须将DWR servlet加到应用的WEB-INF/web.xml中。

在WEB-INF目录下创建一个dwr.xml文件

<!DOCTYPE dwr PUBLIC   
"-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"   
"http://www.getahead.ltd.uk/dwr/dwr10.dtd">
<dwr>
 <allow>
  <create creator="new" javascript="Assembler">
   <param name="class"
    value="com.systop.ec.Assembler" />
   <include method="getTable" />
  </create>
 </allow>
 <signatures>
  <![CDATA[      
import java.util.Map;      
import java.util.List;      
import com.systop.ec.Assembler;      
import javax.servlet.http.HttpServletRequest;      
Assembler.getTable(Map<String, List> parameterMap, HttpServletRequest request);      
]]>
 </signatures>
</dwr>
2.创建POJO
DWR使用(works with)POJOs。这个非常符合我们的需要,因为eXtremeTable有足够的API使用Jsp标签来构造表。
实际上,JSP标签只不过是eXtremeTable Java API的前端。首先,我将展示构造表的方法:

public class Assembler {
  private Object build(TableModel model, List pres) throws Exception {
    Table table = model.getTableInstance();
    table.setTableId("assembler");
    table.setItems(pres);
    table.setAction(model.getContext().getContextPath() + "/userAction.do");
    table.setTitle("ET+AJAX");
    table.setImagePath(model.getContext().getContextPath()+"/images/table/*.gif");
    table.setRowsDisplayed(3);
    table.setOnInvokeAction("buildTable('assembler')");
   
    model.addTable(table);    Row row = model.getRowInstance();
    row.setHighlightRow(Boolean.FALSE);
    model.addRow(row);    Column columnName = model.getColumnInstance();
    columnName.setProperty("name");
    model.addColumn(columnName);    Column columnNickName = model.getColumnInstance();
    columnNickName.setProperty("nickname");
    model.addColumn(columnNickName);    Column columnTerm = model.getColumnInstance();
    columnTerm.setProperty("term");
    model.addColumn(columnTerm);
 
    return model.assemble();
  }   /**
   * 这个方法调用比较频繁,它执行双重职责。它需要被Controller(如果使用Spring的话)在第一次调用,
   * 如果使用Struts就等同于Action类。 随后,当使用AJAX时,这个方法也需要被调用,但是这次将传入一个
   * 定制的parameterMap。parameterMap将包含eXtremeTable使用AJAX需要的所有参数。当你看了 Controller
   * 和JSP后,这点将更加清晰。
   * @param parameterMap
   * @param request
   * @return
   */
  public String getTable(Map parameterMap, HttpServletRequest request) {
    WebApplicationContext webApplicationContext = WebApplicationContextUtils
        .getWebApplicationContext(request.getSession().getServletContext());
    PresidentsDao presidentsDao = (PresidentsDao) webApplicationContext.getBean("presidentsDao");
    List presidents = presidentsDao.getPresidents();
    Context context = null;
    if (parameterMap == null) {
      context = new HttpServletRequestContext(request);
    } else {
      context = new HttpServletRequestContext(request, parameterMap);
    }
    TableModel model = new TableModelImpl(context);
    try {
      return build(model, presidents).toString();
    } catch (Exception e) {
      e.printStackTrace();
    }
    return "";
  }
}
3.创建Action
 
public ActionForward execute(ActionMapping mapping, ActionForm form,
      HttpServletRequest request, HttpServletResponse response)
      throws Exception {               Assembler assembler = new Assembler();                                       Object viewData = assembler.getTable(null, request);                                     request.setAttribute("assembler", viewData);                                       return mapping.findForward("userList");              }
  Action在被第一次调用时来构建表。它调用POJO并将表传给request。注意空值(null)如何使用parameterMap传输。
  这是因为第一次表被构造时,没有对应表需要知道的actions


  4.创建JSP
通过引入(importing)合适的javascript文件来开始构建JSP页面。唯一需要包含进工程的javascript文件
  是extremecomponents.js,其它的javascript文件申明都是DWR使用的。


 
<script type="text/javascript" src="<c:url value="/dwr/interface/Assembler.js"/>"></script> 
  <script type="text/javascript" src="<c:url value="/dwr/engine.js"/>"></script> 
  <script type="text/javascript" src="<c:url value="/dwr/util.js"/>"></script> 
  <script type="text/javascript" src="<c:url value="/js/extremecomponents.js"/>"></script>
  接着,插入钩子(hook)来显示表,div被用来调用innerHtml并构建新的标签。

<div id="tableDiv">    <c:out value="${assembler}" escapeXml="false"/>   </div> 
  最后,添加javascript来调用DWR的钩子(hooks)。
<script type="text/javascript"> 

function buildTable(form) {   
var parameterMap = getParameterMap(form);      
Assembler.getTable(parameterMap, showTable);
 } 
 function showTable(table) {   
 document.getElementById('tableDiv').innerHTML=table; 
 }
 </script>
getParameterMap()方法包含在extremecomponents.js文件中,将的到所有的form参数。你需要传入一个 form id的参照。
记住,eXtremeTable本质上是一个form组建,tableid作为form id使用。默认的tableId为ec,但是你通常想要设置tableId,
以示大家能更容易阅读你的代码。你将使用parameterMap调用 POJO的getTable方法。showTable是一个callback告诉DWR当从
getTable()方法返回时将调用什么操作。

                                                                                                                                     参考:http://www.blogjava.net/lucky/archive/2006/03/27/37623.html
分享到:
评论

相关推荐

    AjaxJson实体类与依赖包

    综上所述,`AjaxJson`实体类与`fastjson`库的结合使用,可以极大地提高后端处理Ajax请求和响应的效率,同时简化了前后端之间的数据交互。在开发过程中,通过这样的设计,可以使得接口返回更加规范,提高代码的可读性...

    memcache+ajax的简单聊天室

    主要是使用改程序熟悉下memchache缓存 文件列表: ...--getChatList() ...使用方式: 首先安装memchache服务,然后memcache.exe -d start开启服务 其他的放到工作目录下就行了 sunshine&lt;sir_vip@live.cn&gt;

    根据Ecside ET 源码改变WEB JSP 分页标签

    2. 使用分页标签(如`&lt;et:pagination&gt;`)设置相关参数,如总记录数、每页显示条数等。 3. 标签内部会生成相应的HTML代码,展示分页按钮和链接。 4. 当用户点击分页链接时,通过AJAX技术向服务器发送请求,获取对应页...

    ET采集3 v3.5

    ET3(EditorTools)全自动采集器 软件特点:【全自动无人值守】无需人工值守,24小时自动实时监控目标,实时高效采集,昼夜不停为您提供内容更新。满足长期运行需求,将您从繁重工作中解脱【适用广泛】最全能的采集...

    使用Ajax时处理用户session失效问题的解决方法

    在使用Ajax技术进行异步数据交互时,传统的处理方式可能会失效,因为Ajax请求不会像普通HTTP请求那样自动处理服务器返回的重定向。本文将详细探讨如何在使用Ajax时有效地处理用户session失效问题。 首先,我们需要...

    基于jquery实现的et大屏展示源码_大屏展示_前端页面

    本资源“基于jQuery实现的et大屏展示源码”提供了使用jQuery技术实现这类效果的具体实践。jQuery作为一个流行的JavaScript库,简化了DOM操作、事件处理、动画效果以及Ajax交互,使得开发者能够更高效地构建动态网页...

    $.ajax中contentType: “application/json” 的用法详解

    - 在处理错误时,`error`回调函数提供了xhr(XMLHttpRequest对象)、ts(异常类型)和et(异常文本)三个参数,可以根据这些信息调试问题。 - 在使用`contentType: "application/json"`时,确保服务器端能够正确...

    Ajax-IkeyPro-Java-Web.zip

    Ajax-IkeyPro-Java-Web.zip,Réalisation et déd e veloppement d'une应用程序电子商务,http://www.ikeypro.ca,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它...

    最新ET类计算机专业毕业设计题目.docx

    12. **搜索引擎技术**:基于Ajax+Lucene构建的搜索引擎,涉及到搜索算法、索引构建和全文检索。 13. **云计算与大数据**:多语种网络硬盘系统可能涉及到云存储技术,如Amazon S3或Google Cloud Storage。 14. **...

    最新ET类计算机专业毕业设计题目.pdf

    一些题目还涉及到特定的技术框架,如.NET平台、PowerDesigner用于数据库建模,或者Ajax用于提高Web应用的用户体验,还有P2P网络模型的即时通讯软件开发,涉及网络编程和分布式系统。 在系统设计中,还会涉及到软件...

    js代码-et顶他妈

    JavaScript是非阻塞的,使用回调函数、Promise、async/await来处理异步操作,如Ajax请求、定时器等。 **模块系统**: 在现代JavaScript中,我们可以使用ES6的`import`和`export`关键字进行模块导入和导出,或者使用...

    vanilla_JS:cours et exo JS

    4. **AJAX与Fetch API**:为了让页面实现异步数据交换,课程会教授如何使用XMLHttpRequest(AJAX)或现代的Fetch API进行后台数据请求。 5. **表单验证**:JavaScript可以用来验证用户在HTML表单中输入的数据,防止...

    Wicket 8.X开发文档(中文翻译+英文原版)

    如何使用AJAX组件和行为 19.2。内置AJAX组件 19.3。内置的AJAX行为 19.4。使用活动指示器 19.5。AJAX请求属性和调用侦听器 19.6。创建自定义AJAX调用侦听器 19.7。无状态AJAX组件/行为 19.8。Lambda支持组件 19.9。...

    井字游戏客户端:使用Javascript,Ajax和JQuery API的井字游戏

    应用名称:说明 该应用程序允许用户执行x,y和z。 也许这就是我想要执行此项目或提出这个想法的原因。... Etiam et totor坐在amet lacus volutpat dignissim。 sti草、,、 fe,ne,pre,。 es骨pharetra

    基于 jQuery 的 Web 源程序在线评测系统的设计与实现

    所以现在使用AJAX技术开发源代码在线评测系统的时机已经成熟了。 将 AJAX 技术用于源代码在线评测系统除了界面的漂亮,同时还大量减少了客户端和 服务器端传输的数据量,节约了带宽,提高了相应速度。这样也就提高了...

    Caronte.js:适用于现代浏览器的简单javascript ajax文件上传器脚本

    Caronte.js-简单的javascript ajax文件上传器 Portitor具有horrendus aquas et flumina servat 特里比利·斯夸洛·夏隆,崔普里玛·门托康乃馨文化,固定的lum火焰, 乌梅氏杆菌埃涅德6.298–301 安装 Npm npm ...

    ex5-signets:ÉquipeJean-Luc Ho et Haoyang Chen

    JavaScript在Web开发中的关键作用包括动态网页交互、AJAX(异步JavaScript和XML)用于后台数据交换、DOM(文档对象模型)操作以改变网页内容,以及各种库和框架,如React、Vue或Angular,用于构建复杂的应用程序。...

    网易邮箱的Comet实践_陈志凌(网易)

    ***et技术概述: Comet是一种服务器端推送技术,允许服务器主动向客户端发送消息。这与传统的Web应用模型不同,后者基于客户端请求/服务器响应模式。Comet技术在实时Web应用中非常有用,例如实时消息服务、聊天室和...

Global site tag (gtag.js) - Google Analytics