Struts2 Ajax 標簽
Struts使用Dojo框架的 AJAX標記實現。首先,這個例子中,你需要添加 struts2-dojo-plugin-2.2.3.jar。你可以得到這個文件的lib文件夾struts2的下載 (C:struts-2.2.3-allstruts-2.2.3libstruts2-dojo-plugin-2.2.3.jar)
對於這個鍛煉,讓我們修改 helloWorld.jsp如下:
<%@ page contentType="text/html; charset=UTF-8"%> <%@ taglib prefix="s" uri="/struts-tags"%> <%@ taglib prefix="sx" uri="/struts-dojo-tags"%> <html> <head> <title>Hello World</title> <s:head /> <sx:head /> </head> <body> <s:form> <sx:autocompleter label="Favourite Colour" list="{'red','green','blue'}" /> <br /> <sx:datetimepicker name="deliverydate" label="Delivery Date" displayFormat="dd/MM/yyyy" /> <br /> <s:url id="url" value="/hello.action" /> <sx:div href="%{#url}" delay="2000"> Initial Content </sx:div> <br/> <sx:tabbedpanel id="tabContainer"> <sx:div label="Tab 1">Tab 1</sx:div> <sx:div label="Tab 2">Tab 2</sx:div> </sx:tabbedpanel> </s:form> </body> </html>
當我們運行上麵的例子中,我們可以得到下麵的輸出:
現在讓我們通過這個例子一步來。
首先要注意的是另外一個新的標簽庫前綴 sx. (struts-dojo-tags)是專門創建的標記庫的AJAX集成。
然後在HTML頭,我們稱之為sx:head。這將初始化Dojo框架,使得它準備為所有的AJAX調用內頁。這一步很重要 - ,冇有sx:head初始化Ajax調用不會起作用。
首先,我們有自動完成標簽。自動完成標簽看起來很像一個選擇框。它填充了紅色,綠色和藍色的值。但之間的一個選擇框而這一次不同的是,它自動完成。也就是說,如果開始鍵入gr,這將填補它為“green”。除此之外,這個標簽是非常相似s:select標簽,我們前麵介紹。
接下來,我們有一個日期時間選擇器。這個標簽創建一個輸入欄旁邊的一個按鈕。當按下按鈕時,彈出一個顯示日期和時間選擇器。當用戶選擇的日期,該日期將填充到輸入文本標記屬性中所指定的格式。在我們的例子中,我們指定dd/MM/yyyy 日期格式。
接下來我們創建一個URL標記的system.action在前麵的練習中,我們創建的文件。它並不一定要的system.action - 它可以是任何行動您之前創建的文件。然後我們有一個div設置超鏈接的url和延遲設置為2秒鐘。會發生什麼事而言,"Initial Content"將顯示2秒鐘,然後div的內容將被替換的內容從hello.action執行。
最後,我們有一個簡單的選項卡麵板有兩個選項卡。標簽的div標簽“選項卡1和Tab2。
慢慢地隨著每一個版本,它應該是值得注意的AJAX標簽集成Struts,仍然是一個工作的進步和成熟整合。