View unanswered posts | View active topics It is currently 2020-12-04 18:45



Reply to topic  [ 3 posts ] 
 请问这种方式如何实现 
Author Message
新手上路

Joined: 2018-03-27 9:47
Posts: 33
Post 请问这种方式如何实现
Attachment:
微信截图_20201119151149.png
微信截图_20201119151149.png [ 397.15 KiB | Viewed 135 times ]

如图,想修改tree的文字和icon大小,并且可以自定义显示文字,选中颜色等等


2020-11-19 15:14
Profile
TWaver开发组
User avatar

Joined: 2017-02-22 10:01
Posts: 433
Post Re: 请问这种方式如何实现
tree的icon可以在注册图片的时候指定大小。
选中颜色可以使用:twaver.Defaults.SELECT_COLOR = ‘’去修改。
设置label的样式可以重写onLabelRendered:
Code:
tree.onLabelRendered =function (span, data, label, row, level, selected){
        /*   遍历所有展开
          span:展开的所有span
          data:展开的object
          label:setname的值
          row:第几行
          level:第几级
          selected:是否被选中
        */
        //对tree的所有展开自定义属性 status 进行判断 在创建节点时,需给节点添加一个自定义status属性,如果通道被占用设置busy
        if(data.getClient('status') === 'busy'){
              span.style = "background-color: #00ff00";
        }else{
            span.style = 'background-color:#999999';
        }

        //尾部图标设置  对自定义属性 hoop 进行判断 同理,需添加一个hoop属性,如果是外环设置为outer,内环设置成inner
        if(data.getClient('hoop') === 'outer'){
             var img = new Image();
        //设置样式
        img.style.position = "absolute";
        img.src = "./images/outer.png";
        span.appendChild(img);
        }else if(data.getClient('hoop') === 'inner'){
            var img = new Image();
            //设置样式
            img.style.position = "absolute";
            img.src = "./images/inner.png";
            span.appendChild(img);
        }
    };


2020-11-20 9:54
Profile
新手上路

Joined: 2018-03-27 9:47
Posts: 33
Post Re: 请问这种方式如何实现
Paddy wrote:
tree的icon可以在注册图片的时候指定大小。
选中颜色可以使用:twaver.Defaults.SELECT_COLOR = ‘’去修改。
设置label的样式可以重写onLabelRendered:
Code:
tree.onLabelRendered =function (span, data, label, row, level, selected){
        /*   遍历所有展开
          span:展开的所有span
          data:展开的object
          label:setname的值
          row:第几行
          level:第几级
          selected:是否被选中
        */
        //对tree的所有展开自定义属性 status 进行判断 在创建节点时,需给节点添加一个自定义status属性,如果通道被占用设置busy
        if(data.getClient('status') === 'busy'){
              span.style = "background-color: #00ff00";
        }else{
            span.style = 'background-color:#999999';
        }

        //尾部图标设置  对自定义属性 hoop 进行判断 同理,需添加一个hoop属性,如果是外环设置为outer,内环设置成inner
        if(data.getClient('hoop') === 'outer'){
             var img = new Image();
        //设置样式
        img.style.position = "absolute";
        img.src = "./images/outer.png";
        span.appendChild(img);
        }else if(data.getClient('hoop') === 'inner'){
            var img = new Image();
            //设置样式
            img.style.position = "absolute";
            img.src = "./images/inner.png";
            span.appendChild(img);
        }
    };

好的,我这边试一下


2020-11-23 11:22
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 3 posts ] 

Who is online

Users browsing this forum: No registered users and 17 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron