• zTree 自定义字体颜色 ,自定义样式,自定义name样式,控制name字体颜色,zTree 展开第一个节点,找出默认选中的


    zTree 自定义字体颜色 ,自定义样式,后端输出后数据后自定义name样式,后台控制name字体颜色,name单独自定义颜色

                // zTree初始化
                var setting = {
                    view:{
                        fontCss:getFont//主要此方法,在初始化时加载此方法
                    },
                    data: {
                        simpleData: {
                            enable: true
                        }
                    },
                    callback: {
                        onClick: zTreeOnClick
                    }
                };
    
    
                //用字体颜色区分提资状态
                function getFont(treeId, node) {
                    var $state = node.state;
                    if($state == 0){
                        return {"color":"black"};
                    }else if($state == 1){
                        return {"color":"#0099CC","font-weight":"bold"};
                    }else{
                        return {"color":"#FF6666"};
                    }
                }

    zTree 展开第一个节点

            // 初始化
            $(document).ready(function(){
                initFun();
                selectNodes();//展开第一个节点
            });
    
            //单独让第一个节点展开
            function selectNodes() {
                var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
                var nodes = treeObj.getNodes();
                $suoyin_0 = nodes[0]['children'][0]['children'];
                if ($suoyin_0.length>0) {
                    for(var i=0;i<$suoyin_0.length;i++){
                        treeObj.expandNode($suoyin_0[i], true, false, false);//默认展开第三级所有节点
                    }
                }else{
                    for(var i=0;i<nodes.length;i++){
                        treeObj.expandNode(nodes[i], true, false, false);//默认展开第一级节点
                    }
                }
            }        

    ztree 获取默认选中的id

    //页面初始化的时候加载一下这个方法
    //获取全部已经选中的id
    function clearCheckedOldNodes() {
                var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
                    nodes = zTree.getCheckedNodes();//获取全部已经选中的,
                var dan_nodes = zTree.getChangeCheckedNodes();//获取单个选中的,这个需要配置每次点击事件
                var xuanzhong_id = "";
                var xuanzhong_title = "";
                for (var i=0, l=nodes.length; i<l; i++) {
                    //nodes[i].checkedOld = nodes[i].checked;
                    xuanzhong_id += nodes[i].id + "_";
                    xuanzhong_title += nodes[i].name + "_zc_";
                }
                $('#bl_fl_id').val(xuanzhong_id);
                $('#bl_fl_title').val(xuanzhong_title);
            }
  • 相关阅读:
    MST(prim)+树形dp-hdu-4756-Install Air Conditioning
    Java常用排序算法+程序员必须掌握的8大排序算法
    高可用可伸缩架构实用经验谈
    MYSQL索引失效的各种情形总结
    MySQL使用索引的场景及真正利用索引的SQL类型
    MySQL数据库索引的4大类型以及相关的索引创建
    JVM调优浅谈
    dubbo作为消费者注册过程分析--????
    webservice 协议
    你应该知道的 RPC 原理
  • 原文地址:https://www.cnblogs.com/zc290987034/p/13937520.html
Copyright © 2020-2023  润新知