Struts 2与AJAX（第二部分）（四）

最新推荐文章于 2021-08-06 14:53:51 发布

liqiuguo

最新推荐文章于 2021-08-06 14:53:51 发布

阅读量354

点赞数

分类专栏： java j2EE 文章标签： j2ee struct ajax

本文链接：https://blog.csdn.net/liqiuguo/article/details/37696513

版权

j2EE 同时被 2 个专栏收录

55 篇文章 0 订阅

订阅专栏

java

42 篇文章 0 订阅

订阅专栏

下面是Freemarker页面的代码：

[
<#list wrappers as r>
{ "title": "${r.name}", "isFolder": <#if r.children?size gt 0>true<#else>false</#if>, "id": "${r.id}", "objectId": "${r.absolutePath?js_string}" }<#if r_has_next>,</#if>
</#list>
]清单7 WebContent/AjaxTree.ftl

以上代码中<#list></#lsit>的写法是Freemarker中遍历集合的写法；而<#if r.children?size gt 0>判断“r”对象的children属性是否为空；r.absolutePath?js_string 就是将“r”的absolutePath属性的值输出为Javascript 的字串符形式；<#if r_has_next></#if>判断集合是否有下一项数据。如果希望更详细地了解Freemarker的使用，请参考该手册。

接下来，让我们看看Action的配置代码片段：

        <action name="AjaxTree" class="tutorial.AjaxTreeAction">
            <result>AjaxTree.jsp</result>
            <result name="ajax" type="freemarker">AjaxTree.ftl</result>
        </action>清单8 src/struts.xml配置片段

最后是JSP页面代码：

<%@ page language="java" contentType="text/html; charset=utf-8"
     pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Struts 2 AJAX - More Tree</title>
        <s:head theme="ajax" debug="true" />
        <script type="text/javascript">
        /* <![CDATA[ */
            function treeNodeSelected(arg) {
                 alert(arg.source.title + ' selected');
             }

             dojo.addOnLoad(function() {
                var t = dojo.widget.byId('appFiles');
                var s = t.selector;
                 dojo.event.connect(s, 'select', 'treeNodeSelected');
             });
        /* ]]> */
        </script>
    </head>
    <body>
        <h2>
             AJAX Tree Example
        </h2>
        <div style="float:left; margin-right: 50px;">
            <script type="text/javascript">
            /* <![CDATA[ */
                 dojo.require("dojo.lang.*");
                 dojo.require("dojo.widget.*");
                 dojo.require("dojo.widget.Tree");
                 dojo.require("dojo.widget.TreeRPCController");
             /* ]]> */
             </script>
            <div dojoType="TreeRPCController" widgetId="treeController"
                 DNDcontroller="create" RPCUrl="<s:url />"></div>
            <div dojoType="Tree" widgetId="appFiles" toggle="fade" controller="treeController">
                <div dojoType="TreeNode" title='<s:property value="root.name" />'
                     widgetId='<s:property value="root.id" />'
                     isFolder='<s:property value="root.children.length > 0" />'
                     objectId='<s:property value="root.absolutePath" />'>
                </div>
            </div>
        </div>
    </body>
</html>清单9 WebContent/AjaxTree.jsp

由于上面所提及的原因，我在上述的代码中并没有使用<s:tree />标志，而是使用了Dojo的写法——创建 widgetId 为“treeController”的 TreeRPCController 并将设为树的控制器。

发布运行应用程序，在浏览器地址栏中键入http://localhost:8080/Struts2_Ajax2/AjaxTree.action，点开某个节点，在节点加载的过程中，加号图标变成时钟状图标，如下图所示页面：

图2 AJAX树示例