Struts2 autocompleter+JSON例子
在上一章 Struts2 autocompleter 例子,已經瞭解如何通過Java列表,ONGL表達生成 autocompleter 選擇選項組件列表。另外,也有可能產生通過JSON數據選擇的選擇也是如此。
這裏創建一個Web工程:strut2autocompleterjson,來演示在多個複選框如何設置的默認值,整個項目的結構如下圖所示:
在開始之前,請確保您瞭解autocompleter組件和JSON插件的基本用法。閱讀下面的文章。
- Struts2 AutoCompleter示例
- Struts2 JSON示例
Struts2 autocompleter + JSON 示例
在本教程中,將使用Struts2的JSON插件將對象轉換成JSON格式,並把它傳遞給autocompleter組件。
1. 動作
一個類用來轉換成JSON格式,提供autocompleter組件列表的選擇選項。
DatabaseJSON.java
package com.yiibai.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.yiibai.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" %>
Struts 2 autocompleter + JSON example
<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" />
4. struts.xml
配置操作和JSON提供如下:
databases
這意味着,轉換DatabaseJSON的數據庫屬性成JSON格式,而是整個對象。
<constant name="struts.devMode" value="true" />
<package name="json" namespace="/" extends="json-default">
<action name="databaseJSON"
class="com.yiibai.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.yiibai.common.action.AutoCompleterAction"
method="display">
<result name="none">/pages/autocompleter-json.jsp</result>
</action>
<action name="resultAction"
class="com.yiibai.common.action.AutoCompleterAction" >
<result name="success">/pages/result.jsp</result>
</action>
</package>
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"
}
參數
- Struts 2 JSON 插件
- JSON 官方文檔
- Struts 2 autocompleter示例
- Struts 2 JSON 示例