One, add Ui-sref property//default setting of core_setting = {treeid: "", Treeobj:null,view: {...},data: {key: {children: "Childr En ", Name:" Name ", Title:" ", url:" url ", Uisref:" Ui-sref "}}}//two, add Ui-sref value, method//method of operate Datadata = {Getuiself:f Unction (setting, node) {var T = Setting.data.key.uiSref = = = = ""? Setting.data.key.uisref:setting.data.key.uisref;return "" + node[t];},}//adds a value method that gets the Ui-sref property in data. Third, modify the generation <a/> Tag attribute method. Method of operate Ztree Domview = {makedomnodenamebefore:function (HTML, setting, node) {var title = Data.getnodetitle (s etting, node), url = view.makenodeurl (setting, node), fontcss = view.makenodefontcss (setting, node), FontStyle = [];for ( var f in fontcss) {Fontstyle.push (F, ":", fontcss[f], ";");} Begin ui-sref var ui_sref = data.getuiself (Setting,node); if (""!=ui_sref && undefined!=ui_sref && null !=ui_sref && "undefined"!=ui_sref) {//If you want to use the Ui-sref feature of Angular-ui-router, you must remove the onclick event and href. Html.push ("<a id=", node.TId, Consts.id.a, "' ui-sref= '", Ui_sref, "' class= '", Consts.className.LEVEL, Node.level, "' TreeNode", consts.id.a, "' Style= ' ", Fontstyle.join (')," ' ");} else {Html.push ("<a id=", Node.tid, Consts.id.a, "' class= '", Consts.className.LEVEL, Node.level, "' TreeNode", CONSTS.ID.A, "onclick=\", (Node.click | | ")," \ "", ((url = = null && url.length > 0)? " href= ' "+ URL +" ' "": ")," target= "", View.makenodetarget (node), "' style= '", Fontstyle.join ('), "'");} End Ui-sref if (tools.apply (Setting.view.showTitle, [Setting.treeid, node], setting.view.showTitle) && title {Html.push ("title=", title.replace (/'/g, "'"). Replace (/</g, ' < '). Replace (/>/g, ' > '), "'");} Html.push (">");},}//. Initialize Ztree $j (). Ready (function () {var setting = {};var znodes =[{Name: "Main Menu", Open:true,children : [{Name: "Menu 1", Open:true,children: [{name: "User", "ui-sref": "username"},{Name: "Permissions", "Ui-sref": "Permission"},{Name: "Menu", " Ui-sref ":" Menu "},{Name:" Other "," Ui-sref ":" Miscellaneous "}]},{Name:" Menu 2 ", children: [{name: ' user '},{name: ' Permissions '},{name: ' Menu '},{name: ' Other '}]},{Name: ' Menu 3 ', isparent:true}] '; $j. Fn.zTree.init ($j ("# Treedemo "), setting, znodes); });
Five, HTML code. <div><a id= "Treedemo" ui-sref= "Home" class= "Ztree" ></a></div>
//VI, Angular JS code. Myapp.config ([' $stateProvider ', ' $urlRouterProvider ', function ($stateProvider, $urlRouterProvider) {Co Nsole.log (Web_root); $stateProvider. State (' user ', {url: '/user ', templateurl:web_root+ ' /views/user.html '}). State (' permission ', {url: '/permission ', Templa teurl:web_root+ '/views/permission.html '}). State (' menu ', {url: '/menu ', Template: '
Retrofit ztree to facilitate compatibility with ui-sref functions of Angular Ui-router