ZTree的使用

示例：

後臺代碼:

1.Controller

@RequestMapping("/tree")
    public ModelAndView tree(){
        ModelAndView view = new ModelAndView("expert/lib");
        String treeData = expertLibSrv.getExpertLibTree(0);
        view.addObject("treeData",treeData);
        return view;
    }

2.Service
public String getExpertLibTree(Integer rootId){
        JSONArray treeData = new JSONArray();
        ExpertLib lib = expertLibDao.getById(rootId);
        if(lib != null){
            List<ExpertLib> list = getAllChildren(lib);
            if(list.size() > 0){
                for(ExpertLib node : list){
                    String str = "{id:" + node.getId() + ",pId:"
                    + node.getParent().getId() + ",name:'" + node.getName()
                    + "',open:false";
                        str += "}";
                    treeData.add(str);
                }
                
            }
        }
        return treeData.toString();
    }

3.Jsp頁面

<div class="easyui-panel" title="專家庫" >
            <div id="lib-tree" class="ztree" ></div>
        </div>

<script type="text/javascript">

<!--
var treeData;
if('${treeData}'.length > 0){
    treeData = ${treeData};
}
else{
    treeData = [];
}
var treeSetting = {
        data: {
            simpleData: {
                enable: true
            }
        },
        callback: {
            onClick: onNodeClick
        }
};
var libTree = $.fn.zTree.init($("#lib-tree"), treeSetting, treeData);

function onNodeClick(){
    $('.hide-btn').show();
}

</script>