在上一章 Struts2 autocompleter 例子,已經(jīng)了解如何通過(guò)Java列表,ONGL表達(dá)生成 autocompleter 選擇選項(xiàng)組件列表。另外,也有可能產(chǎn)生通過(guò)JSON數(shù)據(jù)選擇的選擇也是如此。
這里創(chuàng)建一個(gè)Web工程:strut2autocompleterjson,來(lái)演示在多個(gè)復(fù)選框如何設(shè)置的默認(rèn)值,整個(gè)項(xiàng)目的結(jié)構(gòu)如下圖所示:
在開(kāi)始之前,請(qǐng)確保您了解autocompleter組件和JSON插件的基本用法。閱讀下面的文章。
在本教程中,將使用Struts2的JSON插件將對(duì)象轉(zhuǎn)換成JSON格式,并把它傳遞給autocompleter組件。
一個(gè)類用來(lái)轉(zhuǎn)換成JSON格式,提供autocompleter組件列表的選擇選項(xiàng)。
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; } }
一個(gè)正常的Action類,只是在做重定向工作和存儲(chǔ)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; } }
有點(diǎn)棘手在這里,用“s:url”標(biāo)簽指向一個(gè)“databaseJSON”的動(dòng)作,這將返回JSON格式的選項(xiàng)的列表。并經(jīng)由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>
配置操作和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.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> </struts>
訪問(wèn)URL的動(dòng)作,現(xiàn)在 autocompleter 選擇選項(xiàng)是由JSON數(shù)據(jù)提供。
http://localhost:8080/strut2autocompleterjson/autoCompleterAction.action
或者,可以通過(guò)以下網(wǎng)址直接訪問(wèn)JSON數(shù)據(jù)
http://localhost:8080/strut2autocompleterjson/databaseJSON.action
{ "PostgreSQL":"PostgreSQL", "MySQL":"MySQL", "Others":"Others", "Oracle":"Oracle", "Microsoft SQL Server":"Microsoft SQL Server", "DB2":"DB2" }