Struts2-ajax标签示例

最新推荐文章于 2025-09-06 09:33:29 发布

weixin_34343689

最新推荐文章于 2025-09-06 09:33:29 发布

阅读量56

点赞数

CC 4.0 BY-SA版权

文章标签： java

原文链接：http://www.cnblogs.com/zhangmiao/archive/2013/03/16/2962621.html

本文详细介绍了如何在Struts2框架中整合Dojo库以实现AJAX功能，包括导入依赖、配置Dojo标签以及展示具体组件如DateTimepicker、TabbedPanel和Tree等的应用实例。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!-- 2,导入dojo的标签引用 -->
<%@ taglib prefix="sx" uri="/struts-dojo-tags"%> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>My JSP 'ajaxdemo.jsp' starting page</title>

        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">
        <!-- 3,添加dojo的head标签到网页的head中 -->
        <sx:head locale="utf-8" />
    </head>

    <body>
        Ajax Demo.
        <br>
        <pre>
        要在2.1之后使用ajax标签:
        1,copy struts2-dojo-plugin-2.3.4.1.jar 到/WEB-INF/lib文件夹中
        2,导入dojo的标签引用
        3,添加dojo的head标签到网页的head中
        ------------------------------------------------------------
    </pre>
        DateTimepicker:
        <br />
        <sx:datetimepicker name="mydate" label="出生日期"
            displayFormat="yyyy-MM-dd" />
        
        <sx:datetimepicker name="mytime" type="time" />
        <br />
        
        
        
        TabledPanl
        <br />
        <sx:tabbedpanel id="test">
            <sx:div id="one" label="one" theme="ajax" labelposition="top">
                   This is the first pane<br />
                <s:form>
                    <s:textfield name="tt" label="Test Text" />
                    <br />
                    <s:textfield name="tt2" label="Test Text2" />
                </s:form>
            </sx:div>
            
            <sx:div id="three" label="remote" theme="ajax" href="ognldemo">
                       This is the remote tab
               </sx:div>
            
            <sx:div id="x" label="我的tab" theme="ajax">
                       This is the remote tab<br />
                       写点什么呢?
               </sx:div>
        </sx:tabbedpanel>
        <br />
        
        
        
        Tree:
        <br />
        <sx:tree id="myTree" label="我的树">
            <sx:treenode id="1" label="ONE" />
            <sx:treenode id="2" label="TWO">
                <sx:treenode id="2.1" label="abc" />
                <sx:treenode id="2.2" label="sde" />
            </sx:treenode>
            <sx:treenode id="3" label="three" />
        </sx:tree>
    </body>
</html>