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

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

liqiuguo

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

阅读量388

点赞数

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

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

版权

j2EE 同时被 2 个专栏收录

55 篇文章 0 订阅

订阅专栏

java

42 篇文章 0 订阅

订阅专栏

接着新建tree-close.ftl文件，内容和原版的一样，如下所示：

<#if parameters.label?exists></div></#if></div>清单11 src/template/realajax/tree-close.ftl

再下来就应该是将theme应用到<s:tree />，如下代码所示：

<%@ 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;">
            <s:tree id="appFiles" theme="realajax" rootNode="root"
                 nodeTitleProperty="name" nodeIdProperty="id"
                 childCollectionProperty="children" value="absolutePath" />
        </div>
    </body>
</html>清单12 WebContent/AjaxTreeTheme.jsp

上述代码中<s:tree />的用法，除了theme改为“realajax”和多了value="absolutePath"外，几乎和静态树中的一样。

为了不影响前一个例子，我们为该JSP文件配置类型相同的Action，如下代码所示：

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

发布运行应用程序，在浏览器地址栏中键入http://localhost:8080/Struts2_Ajax2/AjaxTreeTheme.action，结果如图2所示。

总结

通过上述例子，大家知道Struts 2 的AJAX 标志是基于Dojo控件开发的，所以如果大家希望熟练地使用这些标志，最好去了解一下Dojo。