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.gitbook.netmon.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.gitbook.netmon.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.gitbook.netmon.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.gitbook.netmon.action.AutoCompleterAction" 
	        method="display">
		<result name="none">/pages/autocompleter-json.jsp</result>
	    </action>
		 
	    <action name="resultAction" 
	        class="com.gitbook.netmon.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