在struts2,dojo ajax标签“<sx:datetimepicker>”将呈现一个文本框和追加后面的日历图标,点击日历图标会提示的日期时间选择器组件。
这里创建一个web工程:strut2datetimepicker,来演示在多个复选框如何设置的默认值,整个项目的结构如下图所示:
要创建一个日期时间接组成部分,确保:
1. 下载 struts2-dojo-plugin.jar 库(myeclipse中在增加struts2时,打上这个选项就可以了)
2. 包括“struts-dojo-tags”标签,并输出它的头。
<%@ taglib prefix="sx" uri="/struts-dojo-tags" %> <html> <head> <sx:head /> </head>
例如:
<%@ taglib prefix="s" uri="/struts-tags" %> <%@ taglib prefix="sx" uri="/struts-dojo-tags" %> <html> <head> <sx:head /> </head> <body> <sx:datetimepicker name="date2" label="format (dd-mmm-yyyy)" displayformat="dd-mmm-yyyy" value="%{'2010-01-01'}"/> ...
产生下面的html,一些dojo和javascript库创建日期和时间接组件。
<html> <head> <script language="javascript" type="text/javascript"> // dojo configuration djconfig = { isdebug: false, bindencoding: "utf-8" ,baserelativepath: "/struts2example/struts/dojo/" ,basescripturi: "/struts2example/struts/dojo/" ,parsewidgets : false }; </script> <script language="javascript" type="text/javascript" class="lazy" data-original="/struts2example/struts/dojo/struts_dojo.js"></script> <script language="javascript" type="text/javascript" class="lazy" data-original="/struts2example/struts/ajax/dojorequire.js"></script> <link rel="stylesheet" href="/struts2example/struts/xhtml/styles.css" type="text/css"/> <script language="javascript" class="lazy" data-original="/struts2example/struts/utils.js" type="text/javascript"></script> <script language="javascript" class="lazy" data-original="/struts2example/struts/xhtml/validation.js" type="text/javascript"></script> <script language="javascript" class="lazy" data-original="/struts2example/struts/css_xhtml/validation.js" type="text/javascript"></script> </head> ... <td class="tdlabel"> <label for="widget_1291193434" class="label">format (dd-mmm-yyyy): </label></td> <td> <div dojotype="struts:strutsdatepicker" id="widget_1291193434" value="2010-01-01" name="date2" inputname="dojo.date2" displayformat="dd-mmm-yyyy" saveformat="rfc"></div> </td> </tr> <script language="javascript" type="text/javascript"> djconfig.searchids.push("widget_1291193434");</script>
在一个完整的全面<s:datetimepicker>标签例子来生成一个datetimepicker控件,并展示了使用ognl和java属性的默认日期设置为“datetimepicker”组件。
action类存储选择的日期。
datetimepickeraction.java
package com.h3.common.action; import java.util.date; import com.opensymphony.xwork2.actionsupport; public class datetimepickeraction extends actionsupport{ private date date1; private date date2; private date date3; //return today date public date gettodaydate(){ return new date(); } //getter and setter methods public string execute() throws exception{ return success; } public string display() { return none; } }
通过“<s:datetimepicker>”日期时间选择器组件标签渲染,通过java属性和ognl设置默认日期。
<%@ taglib prefix="sx" uri="/struts-dojo-tags" %> <html> <head> <sx:head /> </head>
datetimepicker.jsp
<%@ taglib prefix="s" uri="/struts-tags" %> <%@ taglib prefix="sx" uri="/struts-dojo-tags" %> <html> <head> <sx:head /> </head> <body> <h1>struts 2 datetimepicker example</h1> <s:form action="resultaction" namespace="/" method="post" > <sx:datetimepicker name="date1" label="format (dd-mmm-yyyy)" displayformat="dd-mmm-yyyy" value="todaydate" /> <sx:datetimepicker name="date2" label="format (dd-mmm-yyyy)" displayformat="dd-mmm-yyyy" value="%{'2010-01-01'}"/> <sx:datetimepicker name="date3" label="format (dd-mmm-yyyy)" displayformat="dd-mmm-yyyy" value="%{'today'}"/> <s:submit value="submit" name="submit" /> </s:form> </body> </html>
result.jsp
<%@ taglib prefix="s" uri="/struts-tags" %> <html> <body> <h1>struts 2 datetimepicker example</h1> <h2> date1 : <s:property value="date1"/> </h2> <h2> date 2 : <s:property value="date2"/> </h2> <h2> date 3 : <s:property value="date3"/> </h2> </body> </html>
<?xml version="1.0" encoding="utf-8" ?> <!doctype struts public "-//apache software foundation//dtd struts configuration 2.0//en" "http://struts.apache.org/dtds/struts-2.0.dtd"> <struts> <constant name="struts.devmode" value="true" /> <package name="default" namespace="/" extends="struts-default"> <action name="datetimepickeraction" class="com.h3.common.action.datetimepickeraction" method="display"> <result name="none">/pages/datetimepicker.jsp</result> </action> <action name="resultaction" class="com.h3.common.action.datetimepickeraction" > <result name="success">/pages/result.jsp</result> </action> </package> </struts>
http://localhost:8080/strut2datetimepicker/datetimepickeraction.action
注意:如果静态文件未找到,或是不能打日期选择,请下载代码并参考其中的web.xml配置。