zoukankan      html  css  js  c++  java
  • 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);
            }
  • 相关阅读:
    vue-指令
    VueMusic-14搜索实现
    VueMusic-13歌手列表
    VueMusic-12歌词滚动
    VueMusic-11播放-歌词适配
    VueMusic-10.播放-歌词加载
    VueMusic-9.播放-播放功能
    VueMusic-8更多-下拉刷新
    VueMusic-7更多-数据适配
    VueMusic-6首页-热门榜单
  • 原文地址:https://www.cnblogs.com/zc290987034/p/13937520.html
Copyright © 2011-2022 走看看