js中,jquery的ztree使用,使用核取方塊

2021-10-08 06:41:11 字數 1111 閱讀 8616

在使用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...