Struts2 <sx:datetimepicker>示例
在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" %>
例如:
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="sx" uri="/struts-dojo-tags" %>
產生下面的HTML,一些Dojo和JavaScript庫創建日期和時間接組件。
...Struts2 <s:datetimepicker> 示例
在一個完整的全面<s:datetimepicker>標籤例子來生成一個DateTimePicker控件,並展示了使用OGNL和Java屬性的默認日期設置爲「DateTimePicker」組件。
2. 動作類
Action類存儲選擇的日期。
DateTimePickerAction.java
package com.yiibai.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" %>
datetimepicker.jsp
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="sx" uri="/struts-dojo-tags" %>
Struts 2 datetimepicker example
<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" />
result.jsp
<%@ taglib prefix="s" uri="/struts-tags" %>
Struts 2 datetimepicker example
Date1 :
Date 2 :
Date 3 :
3. struts.xml
4. 示例
http://localhost:8080/strut2datetimepicker/dateTimePickerAction.action
注意:如果靜態文件未找到,或是不能打日期選擇,請下載代碼並參考其中的web.xml配置。