logo
搜索
我的图书馆

发文章

发文工具

其他工具

留言交流
搜索
分享

zTree获得选择节点的值以及回显选中

 一本正经地胡闹 2019-05-27
                                       https://blog.csdn.net/u013008179/article/details/47680951 
  1. <script>
  2. function filter(node) {   //过滤器直选中2级节点累加
  3.     return (node.level == 2 && node.checked == true);
  4. }
  6. var setting = {	         //设置
  7.     check: {
  8. 	enable: true
  9.     },
  10.     callback: {
  11.         onCheck: onCheck
  12. }};
  14. function onCheck(e, treeId, treeNode){  //这是将所有选中节点的名字 用,分割做拼接 用于持久化到数据库
  15.      var zTree = $.fn.zTree.getZTreeObj("tree").getNodesByFilter(filter);
  16.      var choose = "";
  17.      for (var i=0;i<zTree.length;i++) {
  18.          if(zTree[i].name !=null)
  19. 	 choose +=(i == (zTree.length-1))?zTree[i].name:zTree[i].name+",";
  20.      }
  21.      $("#ztreesnames").val(choose);
  22.      treeIds();
  23. }
  25. function treeIds(){                      //这是将选中的节点的id用;分割拼接起来,用于持久化到数据库
  26.    var zTreeO =  $.fn.zTree.getZTreeObj("tree").getNodesByFilter(filter);
  27.    var idListStr = "";
  28.    for (var i = 0; i < zTreeO.length; i++) {
  29.       if (zTreeO[i].id != null) {
  30. 	 idListStr+= (i == (zTreeO.length-1))?zTreeO[i].id:zTreeO[i].id+";";
  31.       }
  32.    };
  33.    $("#ztreeids").val(idListStr);
  34. };
  37. $(document).ready(function(){ /**这是处理回显选中的方法*/
  38.     $.fn.zTree.init($("#tree"), setting, zNodes);			
  39.     var zTreeObj = $.fn.zTree.getZTreeObj("tree")
  40.     var zTree = zTreeObj.getCheckedNodes(false);
  41.     var pid= "${personCode}"; /**此处数据前后必须拼接;*/
  42.     for (var i = 0; i < zTree.length; i++) {
  43.         if (pid.indexOf(";" + zTree[i].id + ";") != -1) {
  44.                     zTreeObj.expandNode(zTree[i], true); //展开选中的
  45.                     zTreeObj.checkNode(zTree[i], true);					
  46.         }
  47.     }
  48.    onCheck();
  49. });
  50. </script>
  1. <html>
  2. <input type="hidden" id="ztreeids"/>
  3. <input type="hidden" id="ztreesnames"/>
</html>

    本站是提供个人知识管理的网络存储空间，所有内容均由用户发布，不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息，谨防诈骗。如发现有害或侵权内容，请点击一键举报。
    转藏 分享 献花（0）

    来自： 一本正经地胡闹 > 《待分类》

    举报/认领

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多