Struts2 autocompleter+JSON例子_H5之家 - 中国HTML5教程资源分享第一站

Struts2 autocompleter+JSON例子

在上一章 Struts2 autocompleter 例子，已经了解如何通过Java列表，ONGL表达生成 autocompleter 选择选项组件列表。另外，也有可能产生通过JSON数据选择的选择也是如此。

在开始之前，请确保您了解autocompleter组件和JSON插件的基本用法。阅读下面的文章。

Struts2 AutoCompleter示例

Struts2 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="http://www.gitbook.net/" method="POST" > <s:url action="databaseJSON" /> <sx:autocompleter label="What's your favorite Database Server?" href="%{databaseList}" /> <s:submit value="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 value="true" /> <package namespace="http://www.gitbook.net/" extends="json-default"> <action> <result type="json" > <param>databases</param> </result> </action> </package> <package namespace="http://www.gitbook.net/" extends="struts-default"> <action method="display"> <result>/pages/autocompleter-json.jsp</result> </action> <action > <result>/pages/result.jsp</result> </action> </package> </struts> 4. 例子

访问URL的动作，现在 autocompleter 选择选项是由JSON数据提供。

:8080/strut2autocompleterjson/autoCompleterAction.action

或者，可以通过以下网址直接访问JSON数据
: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 示例

代码下载：