Jquery,ztree,anglarjs Use (i)

HTML---------

<span class= "filterdiv_sp" > Name: </span><div class= "FILTER_INP" ><div class= "filter_select_t" ><span >{{querygallerytxt}}</span> <div class= "Filter_i" ><i class= "I_orderd" style= " margin-top:10px; " ></i></div></div><ul id= "Querygallery" class= "Ztree" ></ul></div> JS--------------------<script src= "/angular1.2.28.min.js" ></script><script src= "r/ Angular-cookies1.2.28.js "></script><script type=" Text/javascript "src="/jquery-1.10.1.min.js "> </script><script src= "/jquery.ztree.all.min.js" ></script>-------------------------------$ Scope.querygallerytxt = "unlimited"; Hikglobalhttpservice.requestbypost ("/tree", {n:2},function (data,status) {if (status) {var querygallery = [];recursio ( Data.result), function Recursio (obj) {obj.name = Obj.label;obj.pid = Obj.id;if (Obj.children) {if (obj.children.length > 0) {obj.children = Obj.children;obj.open = True;obj.nocheck = False;for (var j = 0; J < Obj.children.length; J + +) {Recursio (obj.children[j]);//recursive}}}}querygallery.push (data.result); sttingquerygallery = {check: {enable:true, Chkstyle: "checkbox", Nocheck:false,chkboxtype: {"Y": "", "N": ""}//Parent-child Node Association}, callback: {oncheck:function (event, T Reeid, TreeNode) {var Ztreearr = ztreequerygallery.getcheckednodes (); var gallerystr = ""; var galleryidstr = ""; if ( Ztreearr.length > 0) {for (var i = 0; i < ztreearr.length; i++) {if (I < ztreearr.length-1) {gallerystr + = ztreearr[ I].name + ","; Galleryidstr + = Ztreearr[i].pid + ",";} Else{gallerystr + = ztreearr[i].name;galleryidstr + = Ztreearr[i].pid;}} $scope. Queryaisle = Galleryidstr; $scope. querygallerytxt = Gallerystr;} else{$scope. querygallerytxt = "unlimited"; $scope. Queryaisle = "";} $scope. $apply ();}} Ztreequerygallery = $.fn.ztree.init ($ ("#queryGallery"), Sttingquerygallery,querygallery)}) $ (". Querygalleryclick" ). Click (Function (event) {event.stoppropagation (); $ ("#queryGallery"). Show (); $ ('. Screen_box '). CSS ("Overflow", " Visible ")
}) $ ("#queryGallery"). Click (Function (event) {event.stoppropagation ();}) $ (document). Click (function () {$ ("# Querygallery "). Hide (); })

Jquery,ztree,anglarjs Use (i)