Www.helper3.com
热门关键字: php net javascript java
Struts2基础 专题
专题目录
您的位置:java > Struts2基础专题 > Struts2 <sx:datetimepicker>示例
Struts2 <sx:datetimepicker>示例
作者:--    发布时间:2019-11-20 10:16:15

在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>

struts2 <s:datetimepicker> 示例

在一个完整的全面<s:datetimepicker>标签例子来生成一个datetimepicker控件,并展示了使用ognl和java属性的默认日期设置为“datetimepicker”组件。

2. 动作类

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;
	}
	
}

3. 结果页面

通过“<s:datetimepicker>”日期时间选择器组件标签渲染,通过java属性和ognl设置默认日期。

确保把“struts-dojo-tags”标签,并渲染到<sx:head />
<%@ 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>

3. struts.xml

<?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>

4. 示例

http://localhost:8080/strut2datetimepicker/datetimepickeraction.action

注意:如果静态文件未找到,或是不能打日期选择,请下载代码并参考其中的web.xml配置。

参考

  1. struts 2 datetimepicker文档
  2. struts 2 ajax and javascript recipes
  3. date format pattern

代码下载:http://pan.baidu.com/s/1c0ym4nu
滚动到顶部 滚动到底部
网站声明:
本站部分内容来自网络,如您发现本站内容
侵害到您的利益,请联系本站管理员处理。
联系站长
QQ群:570078429
网站备案号:
粤ICP备17073857号