qq_22948413 2015-08-21 06:49 采纳率: 44.4%
浏览 2012

树状菜单保存选中。下次打开还是选中上次保存的

图片说明

页面代码:

<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ include file="../util/util.jsp" %>


var setting = { check: { enable: true, //每个节点上是否显示 CheckBox chkboxType: {"Y" : "p", "Y" : "ps"} //选中父选中子,选中子的时候也选中父,取消的时候也关联 }, view: { dblClickExpand: false }, data: { simpleData: { enable: true } }, callback: { beforeClick: beforeClick, onCheck: onCheck } }; var zNodes = null; function beforeClick(treeId, treeNode) { var zTree = $.fn.zTree.getZTreeObj("treeDemo"); zTree.checkNode(treeNode, !treeNode.checked, null, true); return false; } function onCheck(e, treeId, treeNode) { var zTree = $.fn.zTree.getZTreeObj("treeDemo"), nodes = zTree.getCheckedNodes(true), //获取选中的节点 // alert(nodes); v = "",vid = ""; //vid是获取到的id ,从父节点开始 v是获取到的节点的文本内容 for (var i=0, l=nodes.length; i<l; i++) { v += nodes[i].name + ","; vid += nodes[i].id + ","; document.getElementById('ruAutId').value=nodes[i].id; } if (v.length > 0 ) v = v.substring(0, v.length-1); if (vid.length > 0 ) vid = vid.substring(0, vid.length-1); $('#ruAutId').val(vid); } function showMenu() { if(zNodes==null){ $.ajax({ url:'${basePath}whData/roleTree', data:{}, dateType:'json', success:function(data){ if(data){ var str = "["; $.each(data,function(i,n){ str += '{"id":'+n.ID+',"pId":'+n.PID+',"name":"'+$.trim(n.NAME)+'"}'; if(i<data.length-1){ str += ","; } }); zNodes = str+"]"; zNodes = $.parseJSON(zNodes); $.fn.zTree.init($("#treeDemo"), setting, zNodes); var treeObj = $.fn.zTree.getZTreeObj("treeDemo"); treeObj.expandAll(true); if ($('#ruAutId').val()!='') { var treeObj = $.fn.zTree.getZTreeObj("treeDemo"); var nodes = treeObj.getNodes(); if (nodes.length>0) { var yydValues = $('#ruAutId').val(); $.each(yydValues.split(","),function(i,val){ if($('#treeDemo_'+val+'_check').parent().find('ul').length==0){ $('#treeDemo_'+val+'_check').trigger("click"); } }); } } }else { alertMsg.error('权限树加载失败!'); } } }); }else { $.fn.zTree.init($("#treeDemo"), setting, zNodes); var treeObj = $.fn.zTree.getZTreeObj("treeDemo"); treeObj.expandAll(true); } } $(function(){ showMenu(); });
${map.roleName}的权限设置
    • 保 存
    • 写回答

    1条回答 默认 最新

    • 毕小宝 博客专家认证 2015-08-21 07:47
      关注

      zTree的每个节点有个checked属性,在你拼接zNodes对象的时候,根据数据库存储的选中信息,设置各个树形节点的checked属性。
      参考API:http://www.ztree.me/v3/demo.php#_201

      评论

    报告相同问题?

    悬赏问题

    • ¥15 CST仿真别人的模型结果仿真结果S参数完全不对
    • ¥15 误删注册表文件致win10无法开启
    • ¥15 请问在阿里云服务器中怎么利用数据库制作网站
    • ¥60 ESP32怎么烧录自启动程序
    • ¥50 html2canvas超出滚动条不显示
    • ¥15 java业务性能问题求解(sql,业务设计相关)
    • ¥15 52810 尾椎c三个a 写蓝牙地址
    • ¥15 elmos524.33 eeprom的读写问题
    • ¥15 用ADS设计一款的射频功率放大器
    • ¥15 怎么求交点连线的理论解?