ztree実装メニューリスト

2622 ワード

ztree :http://www.treejs.cn/v3/main.php#_zTreeInfo JS ( JS CSS):







  //ztree       (    )
  var setting = {
		async : {
			enable : true,
			type : 'post',
			url : "${basePath}menu/menuInfo.do" //action  
		///dataFilter: filter  
		},

		check : {
			/**   **/
			enable : true,
			chkboxType : {
				"Y" : "ps",
				"N" : "ps"
			}
		},
		view : {
			//dblClickExpand: false,  
			expandSpeed : 200
			
		//          
		},
		data : {
			simpleData : { //                  Key                  
				enable : true,
				idKey : "id",     //  id
				pIdKey : "pId",   //     Id
				rootPId : 0       //   
			
			}
		},
		callback : {/**    **/

		}
	};

  $(function(){

  $.fn.zTree.init($("#menuTree"), setting); //   
 
  })







	


    public void menuInfo(HttpServletRequest request,HttpServletResponse response){
        JSONArray jsonArray = new JSONArray();
        List menuList = adminMenuService.findAll();
        for (int i = 0; i < menuList.size(); i++) {
            JSONObject jsonObject = new JSONObject();
            jsonObject.put("id", menuList.get(i).getId());
            if (null != menuList.get(i).getParentId()) {                
                jsonObject.put("pId", menuList.get(i).getParentId());
            }else {
                jsonObject.put("pId", "0");
            }
            jsonObject.put("name", menuList.get(i).getMenuName());
            jsonArray.add(jsonObject);           
        }

       ResponseUtils.renderJson(response,jsonArray.toJSONString());
        
    }

:
ztree      _ 1