$.fn.zTree 展开 回显 选中
var ids='節(jié)點字符串';// 字符串形式:選中節(jié)點,...,二級節(jié)點,根節(jié)點
var si=ids..split(",").length-1;
var setting = {view:{selectedMulti:false},data:{simpleData:{enable:true}},
? ? ? ? async: {
? ? ? ? ? ? enable: true,
? ? ? ? ? ? url:"",
? ? ? ? ? ? autoParam:["id"]
? ? ? ? },
? ? ? ? callback:{onClick:function(event, treeId, treeNode){
? ? ? ? ? ? },onDblClick:function(event, treeId, treeNode){ ?
? ? ? ? ? ? },
? ? ? ? ? ? onExpand:function(event, treeId, treeNode){//根據(jù)展開后事件,設置選中回顯
? ? ? ? ? ? ?? ?si=si-1;//展開次數(shù)
? ? ? ? ? ? ?? ?if(ids!=''){
? ? ? ? ? ? ?? ??? ?var rs=ids.split(",");
? ? ? ? ? ? ?? ??? ?//獲取下級節(jié)點集合
? ? ? ? ? ? ?? ??? ?var xcode=treeNode.children;
? ? ? ? ? ? ?? ??? ?for (var i = 0; i < xcode.length; i++) {//遍歷下級節(jié)點
? ? ? ? ? ? ?? ??? ??? ?if(rs[si]==xcode[i].id){//鎖定展開節(jié)點
? ? ? ? ? ? ?? ??? ??? ??? ?if(si==0){//鎖定選中的節(jié)點
? ? ? ? ? ? ?? ??? ??? ??? ??? ?tree.selectNode(xcode[i]);//設置選中
? ? ? ? ? ? ? ? ?? ??? ??? ??? ?return ;
? ? ? ? ? ? ?? ??? ??? ??? ?}else{//繼續(xù)展開
? ? ? ? ? ? ?? ??? ??? ??? ??? ?tree.expandNode(xcode[i], true, false, false,true);//展開 第5個參數(shù)為true觸發(fā)展開后事件
? ? ? ? ? ? ?? ??? ??? ??? ??? ?return
? ? ? ? ? ? ?? ??? ??? ??? ?}
? ? ? ? ? ? ?? ??? ??? ??? ?
? ? ? ? ? ? ?? ??? ??? ?}
? ? ? ? ? ? ?? ??? ?}
? ? ? ? ? ? ?? ?}
?? ??? ??? ?}
? ? ? ? ? ??
? ? ? ? ? ? }
? ? };
loadTree = function(){
? ? ? ? ?? ?var auth="${auth}";
? ? ? ? ?? js.ajaxSubmit(url, {}, function(data){
? ? ? ? ? ? tree = $.fn.zTree.init($("#tree"), setting, data);//定義樹
? ? ? ? ? ? // 展開第一級節(jié)點
? ? ? ? ? ? var nodes = tree.getNodesByParam("level", 0);//根節(jié)點
? ? ? ? ? ? for(var i=0; i<nodes.length; i++) {
? ? ? ? ? ? ? ? tree.expandNode(nodes[i], true, false, false,true);//第5個參數(shù)為true觸發(fā)展開后事件
? ? ? ? ? ? }
? ? ? ? }, null, null, js.text('loading.message'));
? ? };loadTree();//加載樹
總結
以上是生活随笔為你收集整理的$.fn.zTree 展开 回显 选中的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 导出oracle awr分析报告,配置o
- 下一篇: ext3 tree tbar 初始化定义