目次
struts2 プラグイン パッケージは、オブジェクトをstruts2 値スタックのリストコレクション すべての属性は json 化されます
上記の手順を完了すると、単位ドロップダウン ボックスの値を選択できるようになり、対応する値が単位名のドロップダウン オプションに表示されます。
ホームページ ウェブフロントエンド jsチュートリアル ユーザー管理 - jquery の ajax を使用して二次連携を実現する

ユーザー管理 - jquery の ajax を使用して二次連携を実現する

Jul 20, 2017 pm 01:27 PM
ajax デザイン

Page Implementation Steps1 Action クラス () メソッドでは、返された List コレクションがスタックの最上位に配置され、struts2 がそれを json データに変換します

1

2

3

4

5

6

7

8

9

//ajax的二级联动,使用选择的所属单位,查询该所属单位下对应的单位名称列表function findJctUnit(o){//货物所属单位的文本内容var jct = $(o).find("option:selected").text();$.post("elecUserAction_findJctUnit.do",{"jctID":jct},function(data,textStatus){               //先删除单位名称的下拉菜单,但是请选择要留下   $("#jctUnitID option").remove();if(data!=null && data.length>0){for(var i=0;i<data.length;i++){                          var ddlCode = data[i].ddlCode;                          var ddlName = data[i].ddlName;                          //添加到单位名称的下拉菜单中  var $option = $("<option></option>");

                          $option.attr("value",ddlCode);

                          $option.text(ddlName);

                          $("#jctUnitID").append($option);

                   }

            }

        });

         

    }

ログイン後にコピー

1

2

3

4

5

6

/**  

    * @Name: findJctUnit

    * @Description: 使用jquery的ajax完成二级联动,使用所属单位,关联单位名称

    * @Parameters: 无

    * @Return: 使用struts2的json插件包*/public String findJctUnit(){//1:获取所属单位下的数据项的值(从页面提交的jctID值,不是数据字典中的ddlcode)String jctID = elecUser.getJctID();//2:使用该值作为数据类型,查询对应数据字典的值,返回List<ElecSystemDDL>List<ElecSystemDDL> list = elecSystemDDLService.findSystemDDLListByKeyword(jctID);//3:将List<ElecSystemDDL>转换成json的数组,将List集合放置到栈顶        ValueUtils.pushValueStack(list);return "findJctUnit";

    }

ログイン後にコピー

1

<span   style="max-width:90%">  其中,findSystemDDLListByKeyword(jctID)是在数据字典service中实现的方法,主要根据数据类型名称查询数据字典,返回list集合对象<br><br>  ValueUtils是一个工具类,pushValueStack方法将list压入到struts2值栈的栈顶</span>

ログイン後にコピー

struts2 プラグイン パッケージは、オブジェクトをstruts2 値スタックのリストコレクション すべての属性は json 化されます

4. struts.xml で定義します

(1) extends 値を変更します
変更前

1

2

3

4

public class ValueUtils {public static void pushValueStack(Object object) {

        ServletActionContext.getContext().getValueStack().push(object);

    }

}

ログイン後にコピー
変更後

1

&lt;!-- 系统管理 --&gt;&lt;package name=&quot;system&quot; extends=&quot;struts-default&quot; namespace=&quot;/system&quot;&gt;

ログイン後にコピー

(2)マッピングの追加

1

&lt;!-- 系统管理 --&gt;&lt;package name=&quot;system&quot; extends=&quot;json-default&quot; namespace=&quot;/system&quot;&gt;

ログイン後にコピー

上記の手順を完了すると、単位ドロップダウン ボックスの値を選択できるようになり、対応する値が単位名のドロップダウン オプションに表示されます。

次のようにブラウザ ページで json データを表示します。

特定の属性を json 化する場合は、1 つ以上の ddlCode と ddlName をインターセプトして、json データを変更できます。 ddlCode と ddlName のみが含まれます。

以上がユーザー管理 - jquery の ajax を使用して二次連携を実現するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

レトロトレンド! HMDとハイネケンが共同で折りたたみ式携帯電話を発売:透明なシェルデザイン レトロトレンド! HMDとハイネケンが共同で折りたたみ式携帯電話を発売:透明なシェルデザイン Apr 17, 2024 pm 06:50 PM

レトロトレンド! HMDとハイネケンが共同で折りたたみ式携帯電話を発売:透明なシェルデザイン

649元からのKubi Cube Xiaoku Tablet 2 Liteはこちらです:11インチの目を保護する大画面+ 8000mAhの大容量バッテリー 649元からのKubi Cube Xiaoku Tablet 2 Liteはこちらです:11インチの目を保護する大画面+ 8000mAhの大容量バッテリー Mar 05, 2024 pm 05:34 PM

649元からのKubi Cube Xiaoku Tablet 2 Liteはこちらです:11インチの目を保護する大画面+ 8000mAhの大容量バッテリー

ZTE 5G ポータブル Wi-Fi U50S が初期価格 NT$899 で発売:最大ネットワーク速度 500Mbps ZTE 5G ポータブル Wi-Fi U50S が初期価格 NT$899 で発売:最大ネットワーク速度 500Mbps Apr 26, 2024 pm 03:46 PM

ZTE 5G ポータブル Wi-Fi U50S が初期価格 NT$899 で発売:最大ネットワーク速度 500Mbps

Teclast M50 Mini タブレットはこちら: 8.7 インチ IPS スクリーン、5000mAh バッテリー Teclast M50 Mini タブレットはこちら: 8.7 インチ IPS スクリーン、5000mAh バッテリー Apr 04, 2024 am 08:31 AM

Teclast M50 Mini タブレットはこちら: 8.7 インチ IPS スクリーン、5000mAh バッテリー

Honor Magic V3 が AI デフォーカス眼保護技術をデビュー: 近視の進行を効果的に軽減 Honor Magic V3 が AI デフォーカス眼保護技術をデビュー: 近視の進行を効果的に軽減 Jul 18, 2024 am 09:27 AM

Honor Magic V3 が AI デフォーカス眼保護技術をデビュー: 近視の進行を効果的に軽減

pptの最後のページを魅力的にデザインする方法 pptの最後のページを魅力的にデザインする方法 Mar 20, 2024 pm 12:30 PM

pptの最後のページを魅力的にデザインする方法

Ajaxを使用してPHPメソッドから変数を取得するにはどうすればよいですか? Ajaxを使用してPHPメソッドから変数を取得するにはどうすればよいですか? Mar 09, 2024 pm 05:36 PM

Ajaxを使用してPHPメソッドから変数を取得するにはどうすればよいですか?

新しいスタッキングプロセス! Xiaomi MIX Fold 4は初めて金沙江「三次元特殊形状」バッテリーを搭載 新しいスタッキングプロセス! Xiaomi MIX Fold 4は初めて金沙江「三次元特殊形状」バッテリーを搭載 Jul 20, 2024 am 03:20 AM

新しいスタッキングプロセス! Xiaomi MIX Fold 4は初めて金沙江「三次元特殊形状」バッテリーを搭載

See all articles