Struts2的Ajax的学习

今天学习了Struts2的Ajax，当然看的也是别人的教程，看后感觉Struts的Ajax的封装后的标签使用十分好用，我简单的理一下学习的顺序：
一、首先Struts2的Ajax引用了Dojo和DWR这两个JS框架。
而且Struts很好的封装了他们，在引用时需要添加jar包（struts2-dwr-plugin-2.3.4.jar和struts2-dojo-plugin-2.3.4.jar）
这两个jar包导入后就可以在JSP页面上引用Struts的Ajax标签：<%@ taglib prefix="sx" uri="/struts-dojo-tags"%>
然后dojo提供了一些列的Ajax控件，当然我们最常用的还是<sx:a />和<sx:submit/>以及<sx:div />等标签。下面我贴一下系列文章<研磨Struts2>系列文章的例子。

14.3  Ajax JSP tags

14.3.1概述

为了使开发Ajax变得轻松惬意，Struts2提供了一些JSP Tags，通过这些自定义的标签库，使得开发人员无需掌握额外的知识即可开发Ajax的应用。

       从Struts2.1开始，不再推荐使用Dojo的Plugin，而是改用Ajax的tags，包括：

• head：用来下载Dojo文件和相应的Javascript代码
• div：用来动态的加载并展示html内容
• a：展示为Html的超链接形式，点击后触发一个Ajax的请求
• submit：展示为Html的按钮形式，点击后可触发异步提交
• bind：用来关联事件和对应的事件处理程序
• datetimepicker：日历组件
• autocompleter：能实现自动完成的功能，类似于搜索框的自动完成功能
• textarea：一个复杂的文本编辑器组件
• tabbedpanel：一个显示多页面tab面板的组件
• tree：一个在页面上展示为树的组件
• treenode：用来展示为树中节点的组件

要使用Struts2.1的Ajax Tags，需要做以下的工作：

       1：把Dojo插件，也就是struts2-dojo-plugin-2.1.8.1.jar文件，复制到WEB-INF/lib文件夹下

       2：在页面上增加taglib的引用，<%@ taglib prefix="sx" uri="/struts-dojo-tags" %>

       3：在每个页面的顶部包含head标签

       好了，基本的知识就了解到这里，接下来看看具体如何使用Struts2的Ajax tags。

14.3.2 head标签

1：功能

head标签的地位比较特殊，它的功能是用来下载Dojo文件和相应的Javascript代码，因此所有其他使用Dojo标签的页面都应该包含这个标签。

2：属性

head标签的属性有：

建议大家在开发期间，把compressed设置为false，debug设置为true，这样方便大家调试程序；但是在交付给客户的时候，应该把compressed设置为true，debug设置为false，这样可以加快程序的运行。

3：使用示例

在开发期间使用head标签，大致应为：

 

java代码：

查看 复制到剪贴板 打印

1. <%@ taglib prefix="sx" uri="/struts-dojo-tags" %>  
2. <head>  
3.    <sx:head debug="true" extraLocales="en-us,nl-nl,de-de"/>  
4. </head>  

在运行期间使用head标签，大致应为：

 

java代码：

查看 复制到剪贴板 打印

1. <%@ taglib prefix="sx" uri="/struts-dojo-tags" %>  
2. <head>  
3.   <sx:head/>  
4. </head>  

14.3.3 div标签

1：功能

div标签展示为html中的Div元素，但是div标签能够异步的、动态的加载需要展示的内容，而且div标签还提供一个内部的计时器，可以循环的在设定的时间点去重新加载需要展示的内容。

2：属性

div标签的属性很多，这里罗列一些常用的：

3：使用示例

div标签的使用是非常简单的，来通过一个示例进行说明，实现的功能非常简单，就是通过div来异步显示Action返回的信息。

（1）先看看action的实现，只是简单的返回了一个信息，非常简单，示例代码如下：

 

java代码：

查看 复制到剪贴板 打印

1. public class AjaxServerAction extends ActionSupport {  
2.     private InputStream inputStream;  
3.     public InputStream getInputStream() {  
4.         return inputStream;  
5.     }  
6.       
7.     public String execute() throws Exception {  
8.         Thread.sleep(3000L);  
9.         inputStream = new ByteArrayInputStream("这是一个div的测试".getBytes("utf-8"));  
10.         return this.SUCCESS;  
11.     }  
12. }  

（2）相应的struts.xml配置如下：

 

java代码：

查看 复制到剪贴板 打印

1. <action name="ajaxServerAction" class="cn.javass.ajax.AjaxServerAction">  
2.             <result  type="stream">  
3.                 <param name="contentType">text/html</param>  
4.                 <param name="inputName">inputStream</param>  
5.             </result>  
6. </action>  

（3）然后来看看页面的实现，主要就是div标签的基本使用了，示例代码如下：

 

java代码：

查看 复制到剪贴板 打印

1. <%@ page contentType="text/html; charset=gb2312"%>  
2. <head><meta http-equiv="Content-Type" content="text/html;charset=gb2312"></head>  
3. <%@ taglib prefix="sx" uri="/struts-dojo-tags" %>  
4. <head>  
5.   <sx:head/>  
6. </head>  
7. <sx:div  
8.     href="ajaxServerAction.action"  
9.     showLoadingText="true"  
10.     loadingText="正在加载内容,请稍候"  
11.     errorText="对不起,加载资源失败,请重试"  
12. >  
13. </sx:div>  

（4）去运行测试一下看看，刚开始运行应该如下图所示：

图14.3  Div标签示例开始页面

       然后在3秒后，Action运行完成并返回内容，此时应该如下图所示：

图14.4  Div标签示例结果页面

14.3.4 a标签和submit标签

1：功能

a标签和submit标签的功能是类似的，都能够发起一个Ajax请求，只不过a标签展示为html中的a元素，而submit标签展示成为按钮的形式。

两个元素都有一个target的属性，用来指定显示Ajax响应后的信息的元素，通常是一个div元素。

2：属性

a标签和submit标签的属性也很类似，两个标签都有的常用属性有：

当然也有一些不同的元素，除了上面这些共同的元素，a标签自有的元素有：

submit标签自有的元素有：

3：使用示例

（1）对Action稍作修改，让它接收页面传递的参数，示例代码如下：

 

java代码：

查看 复制到剪贴板 打印

1. public class AjaxServerAction extends ActionSupport {  
2.     public String account;  
3.     public String name;  
4.       
5.     private InputStream inputStream;  
6.     public InputStream getInputStream() {  
7.         return inputStream;  
8.     }  
9.       
10.     public String execute() throws Exception {  
11.         System.out.println("接收的参数，帐户="+account+",姓名="+name);  
12.         if(account!=null && account.indexOf("test")>=0){  
13.             inputStream = new ByteArrayInputStream("这是一个A标签的测试".getBytes("utf-8"));  
14.         }else{  
15.             inputStream = new ByteArrayInputStream("这是一个Submit的测试".getBytes("utf-8"));  
16.         }  
17.         return this.SUCCESS;  
18.     }  
19. }  

（2）struts.xml的配置没有改变，就不去赘述了

（3）页面也需要发生一些改变，要做一个提交的页面，同时会使用a标签或submit标签，示例代码如下：

 

java代码：

查看 复制到剪贴板 打印

1. <%@ page contentType="text/html; charset=gb2312"%>  
2. <head><meta http-equiv="Content-Type" content="text/html;charset=gb2312"></head>  
3. <%@ taglib prefix="sx" uri="/struts-dojo-tags" %>  
4. <%@taglib prefix="s" uri="/struts-tags" %>  
5. <head>  
6.   <sx:head/>  
7. </head>  
8. <s:div id="showMsg">  
9. </s:div>  
10.   
11. <s:form action="ajaxServerAction" method="post">  
12.     <s:textfield name="account" label="帐号"></s:textfield>  
13.     <s:textfield name="name" label="姓名"></s:textfield>  
14.     <sx:submit targets="showMsg"></sx:submit>  
15. </s:form>  
16.   
17. <sx:a targets="showMsg" href="ajaxServerAction.action?account=test&name=testname">a标签的测试</sx:a>  

（4）运行测试一下，结果如下：

图14.5  a标签示例页面

图14.6  submit标签示例页面

14.3.5 bind标签

1：功能

bind标签主要用来把一个事件和事件处理程序关联起来，当然它也可以把一个对象的事件和一个topic联系起来。

2：属性

bind标签的属性很多，这里罗列一些常用的：

3：使用示例

Bind标签的使用是非常简单的，来通过一个示例进行说明，实现的功能非常简单，就是为一个按钮绑定上一个onclick的事件。

（1）Action和struts.xml就沿用上面示例的Action和struts.xml，这里就不去赘述了。只是把返回的数据修改成了：

 

java代码：

查看 复制到剪贴板 打印

1. inputStream = new ByteArrayInputStream("这是一个Bind的测试".getBytes("utf-8"));  

（2）然后来看看页面的实现，主要就是bind标签的基本使用了，示例代码如下：

 

java代码：

查看 复制到剪贴板 打印

1. <%@ page contentType="text/html; charset=gb2312"%>  
2. <head><meta http-equiv="Content-Type" content="text/html;charset=gb2312"></head>  
3. <%@ taglib prefix="sx" uri="/struts-dojo-tags" %>  
4. <%@taglib prefix="s" uri="/struts-tags" %>  
5. <head>  
6.   <sx:head/>  
7. </head>  
8. <s:div id="showMsg">  
9. </s:div>  
10.   
11. <input type="button" id="myButton" value="保存">  
12. <sx:bind  
13.     id="myBind"  
14.     href="ajaxServerAction.action"  
15.     sources="myButton"  
16.     events="onclick"  
17.     targets="showMsg"  
18. >  
19. </sx:bind>  

（4）去运行测试一下看看，运行应该如下图所示：

图14.7  bind标签示例页面

14.3.6datetimepicker标签

1：功能

datetimepicker标签主要用来实现一个日期控件，可以表现为一个日历表或者是一个ie时间表。

2：属性

datetimepicker标签的属性很多，这里罗列一些常用的：

设置日期格式时，各个字母代表的含义如下：

3：使用示例

       看看使用datetimepicker标签来显示日期的样子，示例代码如下：

 

java代码：

查看 复制到剪贴板 打印

1. <%@ page contentType="text/html; charset=gb2312"%>  
2. <head><meta http-equiv="Content-Type" content="text/html;charset=gb2312"></head>  
3. <%@ taglib prefix="sx" uri="/struts-dojo-tags" %>  
4. <%@taglib prefix="s" uri="/struts-tags" %>  
5. <head>  
6.   <sx:head/>  
7. </head>  
8.   
9. <sx:datetimepicker  
10.     adjustWeeks="true"  
11.     displayFormat="yyyy-MM-dd"  
12.     toggleType="explode"  
13. >  
14. </sx:datetimepicker>  

运行效果如下图所示：

图14.8  datetimepicker标签示例页面

14.3.7 autocompleter标签

1：功能

autocompleter标签实现的是具有自动完成功能的组合框，输入一定的数据后，会出现一个下拉块，里面罗列着一些与输入相关的关键词，你可以通过选择一个来自动完成输入。当然也可以直接点击下拉列表来选择一个值。

2：属性

autocompleter标签的属性很多，这里罗列一些常用的：

3：返回一个List的使用示例

autocompleter标签的使用并不复杂，只是它需要嵌套在一个标签内使用；另外标签使用的选项可以是一个集合，也可以是JSON对象，分别来通过示例进行说明，实现的功能非常简单，就是通过autocompleter标签来异步显示可自动完成的信息。

先看看从Action返回一个List给autocompleter标签的情况。

（1）先看看action的实现，在execute方法里面为list填充初始值，示例代码如下：

java代码：

查看 复制到剪贴板 打印

1. public class AutocompleteAction extends ActionSupport{  
2.     public List<String> users = new ArrayList<String>();  
3.     /** 
4.      * 用来判断是需要初始化数据还是处理提交的请求 
5.      */  
6.     public String submitFlag = "";  
7.     /** 
8.      * 用来接收被选中的项的值 
9.      */  
10.     public String testKey = "";  
11.       
12.     public String execute(){  
13.         if("show".equals(submitFlag)){  
14.             users.add("张三");  
15.             users.add("张三丰");  
16.             users.add("李四");  
17.             users.add("李四郎");  
18.         }else{  
19.             System.out.println("你选中的是==="+testKey);  
20.         }  
21.         return this.SUCCESS;  
22.     }  
23. }  

注意其中的testKey属性，它用来接收被选中项的值，它对应着页面autocompleter标签中的name属性，它是自动在name属性后面添加Key而得到。也就是说，现在获取值的属性是testKey，那么页面autocompleter标签中的name属性的值就应该是test。当然，也可以通过在autocompleter标签中的keyName属性来指定这个值。

（2）相应的struts.xml配置如下：

 

java代码：

查看 复制到剪贴板 打印

1. <action name="autoAction" class="cn.javass.ajax.AutocompleteAction">  
2.             <result name="success">/ajax/tags.jsp</result>  
3. </action>  

（3）然后来看看页面的实现，主要就是autocompleter标签的基本使用了，要注意放到表单里面，示例代码如下：

 

java代码：

查看 复制到剪贴板 打印

1. <%@ page contentType="text/html; charset=gb2312"%>  
2. <head><meta http-equiv="Content-Type" content="text/html;charset=gb2312"></head>  
3. <%@ taglib prefix="sx" uri="/struts-dojo-tags" %>  
4. <%@taglib prefix="s" uri="/struts-tags" %>  
5. <head>  
6.   <sx:head/>  
7. </head>  
8.   
9. <s:form action="autoAction" method="post">  
10.     <input type="hidden" name="submitFlag" value="request"/>  
11.     <sx:autocompleter name="test" list="users" autoComplete="true"></sx:autocompleter>  
12.     <s:submit></s:submit>  
13. </s:form>  

（4）运行的url是：http://localhost:9080/helloworld/autoAction.action?submitFlag=show，去运行测试一下看看，刚开始运行应该如下图所示：

图14.9  autocompleter标签示例开始页面

       点击下拉图标，如下图所示：

图14.10  autocompleter标签示例点击下拉图标的页面

       如果在输入框中输入，比如输入张三，然后删掉三字，可以看到自动提示的信息如下图，你完全可以通过选择一个来实现自动输入：

图14.11  autocompleter标签示例自动完成页面

4：返回JSON的使用示例

autocompleter标签使用返回的JSON也不复杂，只是返回值要符合一定的格式而已。autocompleter标签所接受的json格式大致有：

（1）如果返回的是数组，那么一定要是个2维的数组，格式大致如下：

 

java代码：

查看 复制到剪贴板 打印

1. [  
2.  ['第一个元素的key','第一个元素的value'],  
3.  ['第二个元素的key','第二个元素的value']  
4.   ......  
5. ]  

其中元素的key值就是在下拉列表里面显示的值，而value就是选中后提交到后台的值。

（2）如果你在autocompleter标签中设置了“dataFieldName”这个属性，假定设定的值为“dataFieldName=test”，那么返回的2维数组的格式大致如下：

 

java代码：

查看 复制到剪贴板 打印

1. {     
2.     "test":[  
3.             ['第一个元素的key','第一个元素的value'],  
4.             ['第二个元素的key','第二个元素的value']  
5.              ......  
6.            ]  
7. }  

或者如下格式：

 

java代码：

查看 复制到剪贴板 打印

1. {     
2.     "test":{  
3.             '第一个元素的key' : '第一个元素的value',  
4.             '第二个元素的key' : '第二个元素的value'  
5.              ......  
6.            }  
7. }  

（3）如果你在autocompleter标签中设置了“name”这个属性，假定设定的值为“name=test”，那么返回的格式大致如下：

 

java代码：

查看 复制到剪贴板 打印

1. {  
2.      "tests" : [  
3.                 ['第一个元素的key','第一个元素的value'],  
4.                 ['第二个元素的key','第二个元素的value']   
5.                 ......    
6.                ]  
7. }  

（4）如果返回是一个map，那么返回的格式大致如下：

 

java代码：

查看 复制到剪贴板 打印

1. {  
2.     '第一个元素的key' : '第一个元素的value',  
3.     '第二个元素的key' : '第二个元素的value'  
4.     ......    
5. }  

接下来就简单看看从Action返回一个JSON字符串给autocompleter标签的实现。

（1）先看看action的实现，在execute方法里面为list填充初始值，然后拼接成为一个符合格式要求的字符串，并把这个字符串放置到request的属性里面，示例代码如下：

 

java代码：

查看 复制到剪贴板 打印

1. public class AutocompleteAction extends ActionSupport{  
2.     public List<String> users = new ArrayList<String>();  
3.     /** 
4.      * 用来判断是需要初始化数据还是处理提交的请求 
5.      */  
6.     public String submitFlag = "";  
7.     /** 
8.      * 用来接收被选中的项的值 
9.      */  
10.     public String testKey = "";  
11.       
12.     public String execute(){  
13.         if("show".equals(submitFlag)){  
14.             users.add("张三");  
15.             users.add("张三丰");  
16.             users.add("李四");  
17.             users.add("李四郎");  
18.               
19.             StringBuffer buffer = new StringBuffer();  
20.             buffer.append("[");  
21.             for(int i=0;i<users.size();i++){  
22.                 buffer.append("['"+users.get(i)+"','"+users.get(i)+"']");  
23.                 if(i!=users.size()-1){  
24.                     buffer.append(",");  
25.                 }  
26.             }  
27.             buffer.append("]");           
28.             ServletActionContext.getRequest().setAttribute("jsonStr",buffer.toString());   
29.             return "toJson";  
30.         }else{  
31.             System.out.println("你选中的是==="+testKey);  
32.         }  
33.         return this.SUCCESS;  
34.     }  
35. }  

（2）相应的struts.xml配置如下：

 

java代码：

查看 复制到剪贴板 打印

1. <action name="autoAction" class="cn.javass.ajax.AutocompleteAction">  
2.             <result name="success">/ajax/tags.jsp</result>  
3.             <result name="toJson">/ajax/toJson.jsp</result>  
4. </action>  

（3）接下来看看返回JSON字符串的页面，示例代码如下：

 

java代码：

查看 复制到剪贴板 打印

1. <%@ page contentType="text/html; charset=gb2312"%>  
2. <%=request.getAttribute("jsonStr")%>  

（4）然后来看看页面的实现，主要就是autocompleter标签的基本使用了，要注意放到表单里面，示例代码如下：

 

java代码：

查看 复制到剪贴板 打印

1. <%@ page contentType="text/html; charset=gb2312"%>  
2. <head><meta http-equiv="Content-Type" content="text/html;charset=gb2312"></head>  
3. <%@ taglib prefix="sx" uri="/struts-dojo-tags" %>  
4. <%@taglib prefix="s" uri="/struts-tags" %>  
5. <head>  
6.   <sx:head/>  
7. </head>  
8.   
9. <s:form action="autoAction" method="post">  
10.     <input type="hidden" name="submitFlag" value="request"/>  
11.     <sx:autocompleter name="test" href="/helloworld/autoAction.action?submitFlag=show"></sx:autocompleter>  
12.     <s:submit></s:submit>  
13. </s:form>  

注意里面配置了href，它就指向自动填充所需要的值的来源。

（5）运行的url是：http://localhost:9080/helloworld/ajax/tags.jsp，去运行测试一下看看，效果跟前面直接返回List的效果应该是一样的。

14.3.8textarea标签

1：功能

textarea标签用来实现复杂的文本编辑框，类似于大家在邮件系统或是博客系统里面看到的，可以在线编辑的文本框，可以设置一些基本的格式。

2：属性

textarea标签的常用属性有：

3：使用示例

（1）textarea标签的使用很简单，直接在页面上使用就可以了，示例代码如下：

 

java代码：

查看 复制到剪贴板 打印

1. <%@ page contentType="text/html; charset=gb2312"%>  
2. <head><meta http-equiv="Content-Type" content="text/html;charset=gb2312"></head>  
3. <%@ taglib prefix="sx" uri="/struts-dojo-tags" %>  
4. <%@taglib prefix="s" uri="/struts-tags" %>  
5. <head>  
6.   <sx:head/>  
7. </head>  
8.   
9. <s:form action="autoAction" method="post">  
10.     <sx:textarea name="test" rows="10" cols="50"></sx:textarea>  
11.     <s:submit></s:submit>  
12. </s:form>  

如果后台想要接收到textarea的值，只需要设置一个属性跟textarea标签的name值一样就可以了。

（4）运行测试一下，结果如下：

图14.12  textarea标签示例页面

这里要注意一个问题，部分IE可能对textarea标签支持得不是很好，刚显示出来的时候全部并在一起，点击输入框的时候就展开了，在Firefox上就一切正常。

14.3.9tabbedpanel标签

1：功能

tabbedpanel标签用来实现多页签的面板，也被称为tab面板，而且单个面板可以单独关闭，就类似于Eclipse打开开发的源文件一样。

2：属性

tabbedpanel标签的常用属性有：

3：使用示例

（1）对Action稍作修改，只是把返回的数据修改成了：

 

java代码：

查看 复制到剪贴板 打印

1. inputStream = new ByteArrayInputStream("这是一个Tab的测试".getBytes("utf-8"));  

 

java代码：

查看 复制到剪贴板 打印

1. （2）struts.xml的配置没有改变，就不去赘述了  
2. （3）页面也需要发生一些改变，主要是使用tabbedpanel标签，示例代码如下：  

 

java代码：

查看 复制到剪贴板 打印

1. <%@ page contentType="text/html; charset=gb2312"%>  
2. <head><meta http-equiv="Content-Type" content="text/html;charset=gb2312"></head>  
3. <%@ taglib prefix="sx" uri="/struts-dojo-tags" %>  
4. <%@taglib prefix="s" uri="/struts-tags" %>  
5. <head>  
6.   <sx:head/>  
7. </head>  
8.   
9. <sx:tabbedpanel id="test" >  
10.    <sx:div id="one" label="第一个面板">  
11.        <s:form>  
12.            <s:textfield name="userId" label="用户编号"/>  
13.            <s:textfield name="name" label="用户名称"/>  
14.        </s:form>  
15.    </sx:div>  
16.    <sx:div id="two" label="第二个面板" href="ajaxServerAction.action" >  
17.    </sx:div>  
18. </sx:tabbedpanel>  

（4）运行测试一下，结果如下：

图14.13  tabbedpanel标签示例页面一

       点击第二个面板，结果如下：

图14.14  tabbedpanel标签示例页面二

14.3.10tree和treenode标签

1：功能

tree标签用来实现在页面展示一个树形结构，它可以包含一个或多个treenode标签。tree标签实现的是一个基于dojo的树。treenode标签里面还可以包含一个到多个treenode标签，形成父子节点。

2：属性

tree标签的常用属性有：

 

3：静态树示例

       为了让大家更好的掌握树的使用，先来个简单的，就是直接在页面上写死的数据，也就是制造一颗静态树。

（1）直接在页面上使用tree标签和treenode标签，示例代码如下：

 

java代码：

查看 复制到剪贴板 打印

1. <%@ page contentType="text/html; charset=gb2312"%>  
2. <head><meta http-equiv="Content-Type" content="text/html;charset=gb2312"></head>  
3. <%@ taglib prefix="sx" uri="/struts-dojo-tags" %>  
4. <%@taglib prefix="s" uri="/struts-tags" %>  
5. <head>  
6.   <sx:head/>  
7. </head>  
8.   
9. <sx:tree id="depRoot" label="部门">  
10.     <sx:treenode id="dev" label="开发部">  
11.         <sx:treenode id="dev1" label="开发一部"></sx:treenode>  
12.         <sx:treenode id="dev2" label="开发二部"></sx:treenode>  
13.     </sx:treenode>  
14.     <sx:treenode id="test" label="测试部"></sx:treenode>  
15.     <sx:treenode id="market" label="市场部"></sx:treenode>  
16. </sx:tree>  

（2）运行测试一下，结果如下：

图14.15  tree标签示例页面

4：动态树使用示例

       接下来把构建树的数据后移，放到Action中去构建。为了与tree标签里面的属性进行匹配，需要在后台构建一个节点模型，是JavaBean格式的，这个JavaBean里面的属性，在页面上使用tree标签的时候进行使用。

（1）先就来看看这个节点的模型对象，示例代码如下：

 

java代码：

查看 复制到剪贴板 打印

1. public class Node {  
2.     /** 
3.      * 到时候配置到tree标签的nodeIdProperty 
4.      */  
5.     private String id;  
6.     /** 
7.      * 到时候配置到tree标签的nodeTitleProperty 
8.      */  
9.     private String name;  
10.     /** 
11.      * 到时候配置到tree标签的childCollectionProperty 
12.      */  
13.     private List<Node> children = new ArrayList<Node>();  
14.       
15.     public String getId() {  
16.         return id;  
17.     }  
18.     public void setId(String id) {  
19.         this.id = id;  
20.     }  
21.     public List<Node> getChildren() {  
22.         return children;  
23.     }  
24.     public void setChildren(List<Node> children) {  
25.         this.children = children;  
26.     }  
27.     public String getName() {  
28.         return name;  
29.     }  
30.     public void setName(String name) {  
31.         this.name = name;  
32.     }  
33. }  

（2）在Action里面来组装树，示例代码如下：

 

java代码：

查看 复制到剪贴板 打印

1. public class TreeAction extends ActionSupport {  
2.     /** 
3.      * 用作树的根节点，对应到tree标签的rootNode 
4.      */  
5.     public Node depRoot = new Node();  
6.     public String execute(){  
7.         //在这里构建树  
8.         depRoot.setId("theRoot");  
9.         depRoot.setName("部门");  
10.           
11.         Node dev = new Node();  
12.         dev.setId("dev");  
13.         dev.setName("开发部");  
14.           
15.         Node dev1 = new Node();  
16.         dev1.setId("dev1");  
17.         dev1.setName("开发一部");  
18.           
19.         Node dev2 = new Node();  
20.         dev2.setId("dev2");  
21.         dev2.setName("开发二部");  
22.           
23.         dev.getChildren().add(dev1);  
24.         dev.getChildren().add(dev2);  
25.           
26.         Node test = new Node();  
27.         test.setId("test");  
28.         test.setName("测试部");  
29.           
30.         Node market = new Node();  
31.         market.setId("market");  
32.         market.setName("市场部");  
33.           
34.         depRoot.getChildren().add(dev);  
35.         depRoot.getChildren().add(test);  
36.         depRoot.getChildren().add(market);  
37.           
38.         return this.SUCCESS;  
39.     }  
40. }  

（3）对应的struts.xml的配置，示例代码如下：

 

java代码：

查看 复制到剪贴板 打印

1. <action name="treeAction" class="cn.javass.ajax.TreeAction">  
2.             <result name="success">/ajax/tags.jsp</result>  
3. </action>  

（4）页面也需要发生一些改变，主要是使用tree标签，示例代码如下：

 

java代码：

查看 复制到剪贴板 打印

1. <%@ page contentType="text/html; charset=gb2312"%>  
2. <head><meta http-equiv="Content-Type" content="text/html;charset=gb2312"></head>  
3. <%@ taglib prefix="sx" uri="/struts-dojo-tags" %>  
4. <%@taglib prefix="s" uri="/struts-tags" %>  
5. <head>  
6.   <sx:head/>  
7. </head>  
8. <sx:tree rootNode="depRoot"  
9.         nodeTitleProperty="name"  
10.         nodeIdProperty="id"  
11.         childCollectionProperty="children"  
12. >  
13. </sx:tree>  

上面配置的各个属性，同后台的Node对象和Action对象都有关系，具体的参见相应的注释，这里就不去赘述了。

（5）运行的url是：http://localhost:9080/helloworld/treeAction.action，去运行测试一下看看，效果和刚才静态树的效果应该是一样的。

 

私塾在线网站原创《研磨struts2》系列

转自请注明出处：【http://sishuok.com/forum/blogPost/list/4131.html】