z_xiaofei168 发表于 2013-1-23 01:26:25

详解struts 2与Ajax的集成

详解struts 2与Ajax的集成
       在当今——Web 2.0概念铺天盖地的Internet环境下,简易的AJAX集成对于一个成功的WEB框架来说是不可或缺的。因此,Struts 2其中的一个重要的功能(Feature)就是“First-class AJAX support - Add interactivity and flexibility with AJAX tags that look and feel just like standard Struts tags(大意:一流的AJAX支持——通过AJAX标志增加互动性和灵活性,而且使用
这些AJAX标志与普通的Struts标志同样简单)”。
      Struts 2并没有开发新的AJAX框架,而是使用时下Java EE平台中比较流行的AJAX框架——Dojo
和DWR。
        第1步:添加jar包    struts2-dojo-plugin-2.1.8.1.jar
        第2步:引入标签库
<%@ taglib uri="/struts-tags" prefix="s"%><%@ taglib uri="/struts-dojo-tags" prefix="sx" %> 
       第3步:引入头信息
  
<!-- 引入头信息 --> <sx:head/> 
 
    一、FCK的功能
 
<!-- 使用textarea标签 --><sx:textarea name="intro" rows="10" cols="30" label="介绍"></sx:textarea>  http://www.agoit.com/upload/picture/pic/89894/bbe07907-a79b-39af-a25d-ae44b758e7ef.png
 
   二、自动提示时间功能
  
<!-- 时间标签 --><sx:datetimepicker name="birth"></sx:datetimepicker> 
   http://www.agoit.com/upload/picture/pic/89896/d42af19b-85e3-35cf-8813-3b1d1b618633.png
 
  三、树的功能

<!-- tree-->    <sx:tree label="城市" id="city">      <sx:treenode label="北京" id="bj">      <sx:treenode label="朝阳" id="cy"></sx:treenode>      <sx:treenode label="海淀" id="cy"></sx:treenode>      <sx:treenode label="昌平" id="cy"></sx:treenode>      </sx:treenode>      <sx:treenode label="河北" id="bj">      <sx:treenode label="石家庄"></sx:treenode>      <sx:treenode label="保定"></sx:treenode>      <sx:treenode label="张家口">      <sx:treenode label="怀安县">      </sx:treenode>      <sx:treenode label="万全县"></sx:treenode>      <sx:treenode label="尚义县"></sx:treenode>      <sx:treenode label="张北县"></sx:treenode>      </sx:treenode>      </sx:treenode>      <sx:treenode label="河南" id="bj"></sx:treenode>    </sx:tree>http://www.agoit.com/upload/picture/pic/89898/41eae037-77ad-3d35-a285-e8dd39d71c73.png
 
  四、自动提示功能 
 
<!-- autocompleter 自动完成-->    <sx:autocompleter name="sle" list="{'abc','abcd','abcde','abcdef','abcdefg'}">    </sx:autocompleter> 
   http://www.agoit.com/upload/picture/pic/89900/75eacac1-a559-31c9-a543-c203cd5e613b.png
页: [1]
查看完整版本: 详解struts 2与Ajax的集成