開発者ドキュメント

Struts 2オートコンプリート+ JSONの例

ダウンロード – リンク://wp-content/uploads/2010/07/Struts2-AutoCompleter-JSON-Example.zip[Struts2-AutoCompleter-JSON-Example.zip]

最後の

Struts 2 autocompleter

の例では、JavaリストとONGL式を使用してオートコンプリートコンポーネントの選択オプションのリストを生成する方法を学習します。あるいは、JSONデータを介して選択オプションを生成することもできます。

続行する前に、

autocompleter

コンポーネントと

JSON

プラグインの基本的な使い方を理解してください。以下の記事を読んでください。

  1. link://struts2/struts-2-autocompleter-example/[Struts 2オートコンプリート

Struts 2オートコンプリート+ JSONの例

このチュートリアルでは、

Struts 2 JSON plugin

を使用してオブジェクトをJSON形式に変換し、

オートコンプリート

コンポーネントに渡します。

1.依存関係ライブラリを取得する

すべての依存関係ライブラリを入手してください。

    <!-- Struts 2 -->
    <dependency>
          <groupId>org.apache.struts</groupId>
      <artifactId>struts2-core</artifactId>
      <version>2.1.8</version>
    </dependency>

    <!-- Struts 2 Dojo Ajax Tags -->
    <dependency>
          <groupId>org.apache.struts</groupId>
      <artifactId>struts2-dojo-plugin</artifactId>
      <version>2.1.8</version>
    </dependency>

    <!-- Struts 2 JSON Plugins -->
    <dependency>
          <groupId>org.apache.struts</groupId>
      <artifactId>struts2-json-plugin</artifactId>
      <version>2.1.8</version>
    </dependency>

2.アクション

後でJSON形式に変換し、

autocompleter

コンポーネントに選択オプションのリストを提供するクラスです。

  • DatabaseJSON.java **

package com.mkyong.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クラス。リダイレクト作業を行い、オートコンプリート値を格納するだけです。

AutoCompleterAction.java

package com.mkyong.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}”

を介してオートコンプリートコンポーネントにリンクします。

<%@ 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.mkyong.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.mkyong.common.action.AutoCompleterAction"
            method="display">
        <result name="none">pages/autocompleter-json.jsp</result>
        </action>

        <action name="resultAction"
            class="com.mkyong.common.action.AutoCompleterAction" >
        <result name="success">pages/result.jsp</result>
        </action>
    </package>

</struts>

4.デモ

アクションURLにアクセスすると、オートコンプリートの選択オプションがJSONデータによって提供されるようになりました。



または、次のURLから直接JSONデータにアクセスすることもできます://localhost:8080/Struts2Example/databaseJSON.action__

{
   "PostgreSQL":"PostgreSQL",
   "MySQL":"MySQL",
   "Others":"Others",
   "Oracle":"Oracle",
   "Microsoft SQL Server":"Microsoft SQL Server",
   "DB2":"DB2"
}

リファレンス

プラグイン]。

JSON公式文書

  1. link://struts2/struts-2-autocompleter-example/[Struts 2オートコンプリート

リンク://タグ/オートコンプリート/[オートコンプリート]リンク://タグ/json/[json]

struts2

モバイルバージョンを終了