Ztree如何应用与javaWeb项目、发送action请求返回json

admin

js方法：

1. //点击Ztree 实践 发送请求
   1 Y) X+ L; ^( @$ e/ j
2. function querZtree(){
   
3.              $.ajax({
   1 B( K6 B8 o3 ]- g
4.                       url:'baseInfoAction_queryZtree.action',
   
5.                       async:false,
   ; H+ A( v1 e' |
6.                       data:{'time':(new Date()).toString()},
   
7.                       success:function(result){
   
8.                              var array = eval(result);
   " \, }" C: }. l* b, a8 d
9.                              var setting = {
   ) y! H- {2 l, f6 P+ O  l% ?' F
10.                                        view: {
    & F; d3 h  H+ v) y+ k' z
11.                                           showIcon: false,
    
12.                                           showLine: false
    
13.                                         },         
    * [7 d1 P5 E) a6 P' P6 `: C
14.                     callback : {
    
15.                             onClick: zTreeOnClick//回调方法 用户点击 传参数
    
16.                       }
    ( e0 \# H2 B7 g6 A- L, j$ R
17.                    };
    3 C8 u6 C2 l# N, [$ ~* Q: d" E
18.                         $.fn.zTree.init($("#treeBox"), setting, array);//把数据放到 treeBox内
    9 c! W% B- C( r5 T: o/ J
19.              }
    3 `% ]- u/ R$ U! @2 R1 \* @1 r
20.           });
    
21. }

复制代码

Ztree  回调方法：

1. //点击知识点 获取对象
   3 I$ x) F# x& `
2. function zTreeOnClick(event, treeId, treeNode){
   
3.         alert(treeNode.name)

复制代码

2 F: M# m! n% n7 h( jstruts.xml 配置文件：

1. <action name="baseInfoAction_*" method="{1}" class="com.53itstyle.web.baseInfo.action.BaseInfoAction">
   / B4 Y8 F  e% D- `$ g
2.            <result name="knowledge"></result>
   
3.           </action>

复制代码

Action 后台方法：

1. public void queryZtree(){
   3 g4 d+ {! v" Q5 d0 ~" L! ]
2.                 try {
   
3.       JSONArray resultArray = new JSONArray();
   
4.       for(int i=0;i<4;i++){
   9 E9 l+ n$ x1 b) @4 ~
5.             JSONObject jsonObject = new JSONObject();
   * o6 E# W! O8 S2 D
6.             jsonObject.put("name", "一级"+i);
   
7.             jsonObject.put("open", true);
   $ {" |: L! `/ z9 V" p& ^
8.            JSONArray typeArr = new JSONArray();
   
9.            for(int j=0;j<4;j++){
   
10.                   JSONObject knObj = new JSONObject();
    
11.                   knObj.put("name", "二级"+j);
    $ ?$ J6 S8 s0 d  G% _+ F6 b/ y
12.                   knObj.put("open", true);
    
13.                   typeArr.put(knObj);
    
14.                   jsonObject.put("children", typeArr);
    
15.            }
    
16.         resultArray.put(jsonObject);
    
17.      }
    
18.         printMsgToClient(resultArray.toString());
    
19.   } catch (Exception e) {
    
20.          e.printStackTrace();
    
21.                 }
    
22.         }

复制代码

将结果返回给xmlRequest:
- X1 o" M3 X& ~# j+ @( ?& h

1. /**
   ( I. i2 m8 N4 E' J3 [
2.          * 将结果返回给xmlRequest
   ; G+ ?( S! W! U3 F% n# L( d
3.          *
   
4.          * @param s
   + {, C2 z3 J3 V7 h4 ^7 u4 R! `
5.          * @param dictList
   
6.          * @return
   
7.          * @throws Exception
     {8 m- W+ v( G9 x/ b
8.          */
   , @. ?& q. m. q9 j9 R6 n% N' S
9.         public void printMsgToClient(String result) throws Exception {
   
10.               getResponse().setCharacterEncoding("UTF-8");
    $ Z6 f! y6 h# u, o2 R  V
11.              PrintWriter out = getResponse().getWriter();
    
12.       try {
    , D0 E  H) M5 A. M
13.             out.print(result);
    
14.           }catch (Exception e) {
    9 m2 [/ n+ M  u4 L8 M5 A, I5 ?
15.                e.printStackTrace();
    7 Q/ I* C) Q" R9 J2 x4 S" I
16.            } finally {
    
17.             out.close();
    8 w. f5 `2 J& i1 s% u$ x# t. g+ n
18.         }
    
19.         }

复制代码

/ Z% ?, v1 A6 `. P) _" Q

5 w% U& y; R: Y

九纹龙

很不错哟，谢谢楼主，受教了。