DWZ的樹結構是按<ul>,<li>的嵌套格式構成，最頂級的<ul>以class=”tree”標識。

 treeFolder, treeCheck, expand|collapse則為可選的。

 treeFolder:在所有樹節點前加上Icon圖標。
 treeCheck:在所有樹節點前加上checkbox，

 expand表示樹的所有第一級節點默認是展開狀態
 collapse則表示所有第一級節點默認為折疊狀態( 當expand與collapse都沒有時默認則會展開第一個節點 )

 此時需要在<a> 加上三個擴展屬性tname="", tvalue="", checked="",其中tname與tvalue對應該checkbox的name與  value屬性,

 checked表示checkbox的默認狀態是否checked.


        擴展屬性oncheck是自定義函數, 用來接收點擊checkbox時返回值, 當點擊非子樹節點checkbox時返回數據格式為:{checked:true|false,items:{name:name, value:value}}

當點擊了樹節點checkbox時, 此子樹節點下所有的checkbox都將選中, 同時返回此子樹節點下所有的checkbox的值


示例

 

private void recursionTreeMenu(String pId, StringBuffer buffer, List list, String url) {
        //這個url的作用是從jsp跳轉到後臺的修改鏈接裏面
        if (pId.equals("0")) {
            //DWZ的樹結構是按<ul>,<li>的嵌套格式構成，最頂級的<ul>以class=”tree”標識。
            //treeFolder:在所有樹節點前加上Icon圖標。
            //collapse則表示所有第一級節點默認為折疊狀態
            buffer.append("<ul class=\"tree treeFolder collapse \" >");
        } else {
            buffer.append("<ul>");
        }
        List<Map> listMap = getSonMenuListByPid(pId, list);
        for (Map map : listMap) {
            String id = map.get("id").toString();// id
            String name = map.get("name").toString();// 名稱
            String isLeaf = map.get("isLeaf").toString();// 是否葉子科目
            buffer.append("<li><a onclick=\"onClickMenuNode(" + id + ")\"  href=\"" + url + "?id=" + id + "\" target=\"ajax\" rel=\"jbsxBox\"  value=" + id + ">" + name + "</a>");
            if (!isLeaf.equals("1")) {
                recursionTreeMenu(id, buffer, list, url);
            }
            buffer.append("</li>");
        }
        buffer.append("</ul>");
}

dwz tree組件 取得所選擇的值