Struts2 autocompleter+JSON例子

精华

小牛编辑

154浏览

2023-03-14

在上一章 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" %>
 
<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.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>

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 示例

代码下载： http://pan.baidu.com/s/1i3o8QzF