在使用jquery的ztree,首先加入相關的css和js:
ztreestyle.css,jquery.ztree.core-3.5.min.js,如果需要核取方塊,還需要加入乙個js:jquery.ztree.excheck-3.5.min.js
(1)html中,**如下所示:
(2)在js中,**如下所示:
// 人員樹var usersettings = ,
view : ,
check :
},data :
},callback :
};$.fn.ztree.init($("#tree2"), usersettings);
settimeout(function()
if (event.target.id.indexof("tree2") == -1
&& event.target.id != "userid")
});});
(3)其中,beforeclick與oncheck方法的使用,方法如下:
function beforeclick(treeid, treenode)function oncheck(e, treeid, treenode)
}if (v.length > 0)
v = v.substring(0, v.length - 1);
var userid = $("#userid");
userid.attr("value", v);
}
(4)獲取樹節點的id,以json的格式存入array陣列
var arr = new array();var tree = $.fn.ztree.getztreeobj('tree2');
var treedata = tree.getcheckednodes(true);
if (treedata.length != 0) ;
arr.push(json);}}
}if(arr.length==0)
Jquery 可拖拽的Ztree
比較懶,就只貼關鍵 吧,自己把有用的屬性全部列印出來了,也加了不少注釋。儲存後涉及到的排序問題,重新整理問題還未考慮到,後面有的話再加。1 fn.ztree.init ztree 6 7view 10 edit 21 22callback 38 39 beforedrag function tree...
zTree 優秀的jquery樹外掛程式
ztree 優秀的jquery樹外掛程式,文件詳細,渲染快 使用方法 1 引用ztree的js和css檔案 2 ztree的html為 ul id treeinfo class ztree ul 需加class ztree 3 初始化樹 var setting check view fn.ztree...
JQuery 有關於 ZTree 外掛程式
var ztree1 var setting var retrunobj setting async url portal inventorytypeaction gettree.action data callback beforecollapse function onclick ztreeon...