zTree樹的簡單使用

ztree是乙個依靠 jquery 實現的多功能的樹外掛程式

官網:簡單使用:

1.引入css和js

var setting = ,

data: 
}	};

後端返回json資料,為了業務需求需要在要顯示的物件中新增id,pid,checked屬性

private string id;  //moduleid

private string pid;  //上級的moduleid
private boolean checked;//預設false

//這裡相當於在拿後來傳來的資料，後台在傳資料的時候，屬性名要對應上

var znodes =$;
$(document).ready(function());

//獲取到所以使用者選中的節點id值

//獲取所有選擇的節點，提交時呼叫下面函式
function submitcheckednodes(treenode) 
//獲取每乙個被選擇的節點的id的值,拼接為字串
str += nodes[i].id;
}$('#roleids').val(str);		//將拼接完成的字串放入隱藏域，這樣就可以通過post提交
}

ztree的簡單使用

ztree 是乙個依靠 jquery 實現的多功能 樹外掛程式 優異的效能 靈活的配置 多種功能的組合是 ztree 最大優點。ztree 是開源免費的軟體 mit 許可證 其實ztree的api已經說得足夠明白了，自己再記錄一遍加深一下印象。id treedemo class ztree ul 1...

zTree的簡單使用

理論可以看 ztree的使用依賴於js，所以要先引入js 我這個是簡單資料模式 在對應的js中 function var log callback fn.ztree.init treedemo setting,json.parse jsonarr val jsonstr jsonstr json.p...

ZTree控制項的簡單使用

首先引用必須的檔案 然後把封裝好的函式直接複製過去，並修改裡面的小部分配置內容 function fn.createtree.datasouce success function data return strtreedata 該內容是樹控制項所展示的資料 以上ajax 可以修改,注意改ajax 不...