Struts2 autocompleter+JSON例子

在上一章 Struts2 autocompleter 例子，已經了解如何通過Java列表，ONGL表達生成 autocompleter 選擇選項元件列表。另外，也有可能產生通過JSON資料選擇的選擇也是如此。

這裡建立一個Web工程：strut2autocompleterjson，來演示在多個核取方塊如何設定的預設值，整個專案的結構如下圖所示：

在開始之前，請確保您了解autocompleter元件和JSON外掛的基本用法。閱讀下面的文章。

Struts2 autocompleter + JSON 範例

在本教學中，將使用Struts2的JSON外掛將物件轉換成JSON格式，並把它傳遞給autocompleter元件。

1. 動作

一個類用來轉換成JSON格式，提供autocompleter元件列表的選擇選項。

DatabaseJSON.java

package com.tw511.common.action;

import java.util.HashMap;
import java.util.Map;

import com.opensymphony.xwork2.Action;

public class DatabaseJSON{
	
	private Map<String, String> databases = new HashMap<String, String>();
	
	public DatabaseJSON(){
		databases.put("MySQL", "MySQL");
		databases.put("Oracle", "Oracle");
		databases.put("PostgreSQL", "PostgreSQL");
		databases.put("Microsoft SQL Server", "Microsoft SQL Server");
		databases.put("DB2", "DB2");
		databases.put("Others", "Others");
	}

	public String execute() {
                return Action.SUCCESS;
	}
	
	public Map<String, String> getDatabases() {
		return databases;
	}

	public void setDatabases(Map<String, String> databases) {
		this.databases = databases;
	}
}

一個正常的Action類，只是在做重定向工作和儲存autocompleter值。
AutoCompleterAction.java

package com.tw511.common.action;
 
import com.opensymphony.xwork2.ActionSupport;
 
public class AutoCompleterAction extends ActionSupport{
 
	private String yourDatabase;
	
	public String display() {
		return NONE;
	}

	public String getYourDatabase() {
		return yourDatabase;
	}

	public void setYourDatabase(String yourDatabase) {
		this.yourDatabase = yourDatabase;
	}

}

3. 結果

有點棘手在這裡，用「s:url」標籤指向一個「databaseJSON」的動作，這將返回JSON格式的選項的列表。並經由href=」%{databaseList}」連結到autocompleter元件。

<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="sx" uri="/struts-dojo-tags" %>
 
<html>
<head>
<sx:head />
</head>
 
<body>
<h1>Struts 2 autocompleter + JSON example</h1>
 
<s:form action="resultAction" namespace="/" method="POST" >

<s:url id="databaseList" action="databaseJSON" />

<sx:autocompleter label="What's your favorite Database Server?" 
href="%{databaseList}" name="yourFavDatabase" />
 
<s:submit value="submit" name="submit" />
 
</s:form>
 
</body>
</html>

4. struts.xml

組態操作和JSON提供如下：

<param name=」root」>databases</param>
這意味著，轉換DatabaseJSON的資料庫屬性成JSON格式，而是整個物件。

<?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="json" namespace="/" extends="json-default">
     	    <action name="databaseJSON" 
     		class="com.tw511.common.action.DatabaseJSON">
       	 	<result type="json" >
       	 		<param name="root">databases</param>
       	 	</result>
     	    </action>
  	</package>
	
	<package name="default" namespace="/" extends="struts-default">
	    <action name="autoCompleterAction" 
		class="com.tw511.common.action.AutoCompleterAction" 
	        method="display">
		<result name="none">/pages/autocompleter-json.jsp</result>
	    </action>
		 
	    <action name="resultAction" 
	        class="com.tw511.common.action.AutoCompleterAction" >
		<result name="success">/pages/result.jsp</result>
	    </action>
	</package>
		
</struts>

4. 例子

存取URL的動作，現在 autocompleter 選擇選項是由JSON資料提供。

http://localhost:8080/strut2autocompleterjson/autoCompleterAction.action

或者，可以通過以下網址直接存取JSON資料
http://localhost:8080/strut2autocompleterjson/databaseJSON.action

{
   "PostgreSQL":"PostgreSQL",
   "MySQL":"MySQL",
   "Others":"Others",
   "Oracle":"Oracle",
   "Microsoft SQL Server":"Microsoft SQL Server",
   "DB2":"DB2"
}

引數

程式碼下載：http://pan.baidu.com/s/1i3o8QzF