天天看點

ztree回顯

$(document).ready(function(){ 

$.fn.zTree.init($("#treeDemo"), setting, zNodes);   //加載樹 

zTree_Menu = $.fn.zTree.getZTreeObj("treeDemo");    // 擷取 zTree 對象,是一個全局變量,使用者可以随時使用此方法擷取需要進行操作的 zTree 對象 



var name =window.dialogArguments.form.name.value; 
transformToArray
(zTree_Menu.getNodes());   

if (nodes.length>0) { 

for(var i=0;i

if(name.indexOf(nodes[i].name) >= 0){ 

nodes[i].checked = true; 

zTree_Menu.updateNode(nodes[i]); 

} 

} 

} 


});
 

 

 
還有一種比較笨的方法:
 
去DB中查詢所有需要回顯的Value,通過Ajax調用到前段之後,周遊所有的樹節點,再周遊你查詢到的Value,這樣你就可以設定需要被回顯的節點了,直接obj.checked=true
 

 

 
//*************************
 
/*$(function(){
var setting = {
data: {
simpleData: {
enable: true
}
},


check: {
enable: true
},

view: {
dblClickExpand: false,
selectedMulti: false
},
   
async: {
enable: true,
url: "fcAgentRole?method=AddRoleResources"

   },
callback:{
onClick:function(event,treeId,treeNode) {
alert(treeNode.name+","+treeNode.isParent+","+treeNode.test);
}
}
};

       var t = $.fn.zTree.init($("#tree"), setting);
 });*/




 $("#myModal").on("hidden.bs.modal", function() {  
     $(this).removeData("bs.modal"); 
 });


 $("#myModal").modal().css({
                "margin-top": function () {
                    return - ($(this).height() / 2);
               }
             });





    function  modalShow(){
var setting = {
data: {
simpleData: {
enable: true
}
},

check: {
enable: true
},

view: {
dblClickExpand: false,
selectedMulti: false
},
   
async: {
enable: true,
url: "fcAgentRole?method=AddRoleResources"

   },
   callback: {
onNodeCreated: zTreeOnNodeCreated
}
};
   
     $.fn.zTree.init($("#tree"), setting);
 $('#myModal').modal({show:true,backdrop:false}); 
  
} 
    function zTreeOnNodeCreated(event, treeId, treeNode) {
        var zTree = $.fn.zTree.getZTreeObj("tree");
     var resourcesStr= $("#resourcesStr");
 var currentValue =resourcesStr.val();
 if(currentValue!=null&¤tValue!=""&¤tValue!="undefined"){
 var array=currentValue.split(',');
for(var k=0;k<array.length;k++){
if(array[k].indexOf(treeNode.name)!=-1&&array[k].indexOf(treeNode.id)!=-1){
treeNode.checked =true;
zTree.updateNode(treeNode);
}
} 
 
 } 
    };


function  modalSave(){
var zTree = $.fn.zTree.getZTreeObj("tree");
var addedValue="";
var resourcesStr= $("#resourcesStr");
var currentValue =resourcesStr.val();
var checkedNodes =zTree.getCheckedNodes(true);
if(checkedNodes!=null&&checkedNodes!=""&&checkedNodes!="undefined"){
for (var i=0, j=checkedNodes.length; i<j; i++) {
addedValue=addedValue+ checkedNodes[i].id+'-'+checkedNodes[i].name+',';
}
addedValue=addedValue.substring(0,addedValue.length-1);
}

if(!currentValue)
             {
resourcesStr.val(addedValue); 
             }
             else if(currentValue!='' && currentValue.endWith(","))
             {
             resourcesStr.val(currentValue+addedValue);
             } 
             else
             {
             resourcesStr.val(currentValue+","+addedValue);
             }

 $('#myModal').modal({show:true,backdrop:false});
}      

繼續閱讀