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

admin

js方法：

1. //点击Ztree 实践 发送请求
   
2. function querZtree(){
   + I# x9 n6 t: x; B; e  g3 D
3.              $.ajax({
   
4.                       url:'baseInfoAction_queryZtree.action',
   
5.                       async:false,
   6 m( E' `2 {* i2 \+ }+ s# G
6.                       data:{'time':(new Date()).toString()},
   
7.                       success:function(result){
   
8.                              var array = eval(result);
   " q4 A# C0 S( p8 P! D- _" G
9.                              var setting = {
   
10.                                        view: {
    - a* z, x  ]* o1 i2 y
11.                                           showIcon: false,
    6 n7 b2 f+ i3 ~
12.                                           showLine: false
    
13.                                         },         
    
14.                     callback : {
    
15.                             onClick: zTreeOnClick//回调方法 用户点击 传参数
    # X; c5 A7 y% `* e; Y- h
16.                       }
    
17.                    };
    
18.                         $.fn.zTree.init($("#treeBox"), setting, array);//把数据放到 treeBox内
    
19.              }
    
20.           });
    ; z, Y! i/ B# S/ e- o8 j+ q; e6 _
21. }

复制代码

Ztree  回调方法：

1. //点击知识点 获取对象
   7 v  X6 ?) {1 y3 q! q( i
2. function zTreeOnClick(event, treeId, treeNode){
   $ Q( y6 v! w' }6 T$ `
3.         alert(treeNode.name)

复制代码

) U7 i6 ~+ V& zstruts.xml 配置文件：

1. <action name="baseInfoAction_*" method="{1}" class="com.53itstyle.web.baseInfo.action.BaseInfoAction">
   . W! T% D9 q. @
2.            <result name="knowledge"></result>
   % P4 D( H; K/ t% D7 o% j9 |
3.           </action>

复制代码

Action 后台方法：

1. public void queryZtree(){
   
2.                 try {
   2 @  ^5 G# ]  P+ n: l* m% q' e& s
3.       JSONArray resultArray = new JSONArray();
   
4.       for(int i=0;i<4;i++){
   2 ~1 y3 G/ b6 v5 e
5.             JSONObject jsonObject = new JSONObject();
   
6.             jsonObject.put("name", "一级"+i);
   7 h( k% T4 l) o+ s$ L
7.             jsonObject.put("open", true);
   
8.            JSONArray typeArr = new JSONArray();
   
9.            for(int j=0;j<4;j++){
   1 X6 Q9 o: {$ I3 D; a+ [& n/ n
10.                   JSONObject knObj = new JSONObject();
    
11.                   knObj.put("name", "二级"+j);
    
12.                   knObj.put("open", true);
    
13.                   typeArr.put(knObj);
    : Z/ i+ s+ H: K( t' g5 J
14.                   jsonObject.put("children", typeArr);
    
15.            }
    / P' w  J3 E5 O7 ^
16.         resultArray.put(jsonObject);
    
17.      }
    ' O# N/ F& o9 _% A% O
18.         printMsgToClient(resultArray.toString());
    / B3 u" c. Q! v/ o- ~- G7 y
19.   } catch (Exception e) {
    # u3 x4 p. H+ \" v
20.          e.printStackTrace();
    
21.                 }
    
22.         }

复制代码

将结果返回给xmlRequest:

1. /**
   : B$ A! n+ T  c8 ?. b6 L
2.          * 将结果返回给xmlRequest
   - \& O* G7 `8 J3 P' h5 N. N
3.          *
   - e" S! s/ K) E" D* d* r& h
4.          * @param s
   8 H% ?$ Z/ Y& r8 L% o
5.          * @param dictList
   
6.          * @return
   
7.          * @throws Exception
   4 f; m8 U  ?+ J" f
8.          */
   
9.         public void printMsgToClient(String result) throws Exception {
   8 H5 u3 B) e7 v& y, ^9 T
10.               getResponse().setCharacterEncoding("UTF-8");
    : ^& ^. A7 a! J% Z" g0 m
11.              PrintWriter out = getResponse().getWriter();
    
12.       try {
    - H! Y+ s, k& `
13.             out.print(result);
    & w& z$ E1 z1 ~" ?0 P! \
14.           }catch (Exception e) {
    
15.                e.printStackTrace();
    5 A" b+ }. _8 W$ E) S. _. s" ~1 j
16.            } finally {
    % {; W. m; R7 O; Q
17.             out.close();
    % p4 a7 C% @* w/ D6 @0 ^+ T2 b/ X, d
18.         }
    5 g1 s8 M  R% `" W9 l  L& {
19.         }

复制代码

7 |9 C/ f. l5 e1 x- [7 S- |, R' h
6 j2 x0 T% Z" c( y
$ |) B0 Q, M) N
* S3 e. }5 t* v! n& h
0 D8 ]& l: i2 N2 @0 t: K

九纹龙

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