加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

zTree按照自定义逻辑改变字体颜色

(2018-11-30 15:45:21)
zTree按照自定义逻辑改变字体颜色(亲测可用)
网上其他博客也有教程,但是都不够详细

1、setting:加上红色加粗那行,重要!这个配置是自定义的,每个人的可能不一样

setting = {
        view: {
            selectedMulti: true,
            showLine:false,
            fontCss:getFont
        },
        check:{
            enable:true,
            chkStyle: "checkbox"
        },
        data:{
            key:{
                checked:'checked',
                children:"children",
                name:'name',
                title:'',
                url:null
            },
            simpleData:{
                enable:true,
                idKey:'id',
                pIdKey:'pid',
                rootPId:""
            }
        }
    }

2、创建getFont方法,注意,就是上面加的setting里面的那个方法,每展开一个节点都会自动调用getFont方法
treeId, node这两个值也是自动传的,直接用

function getFont(treeId, node) {
//如果节点id==0则是红色字体(这里自己写自己的判断逻辑就可以了)
if(node.id==0){ 
 return {"color":"red"}; 
 }else{ 
 return {"color":"black"}; 
 }
}


如果效果不出来,再仔细读一遍!

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有