odoo14 文本字段动态设置字体样式颜色 decoration

简介:我们在实际开发中有时候需要突出显示字段文本,让使用者可以更直观的查看数据,就需要对字段文本进行字体及颜色的设置。odoo自带了一套简单的设置颜色的方式,可以设置列表中某个字段的颜色字体。

(一)odoo自带设置字体样式

1. 设置字体颜色样式

'decoration-bf',            #字体加粗
'decoration-it',            #字体倾斜
'decoration-danger',        #红色字体
'decoration-info',          #蓝色字体
'decoration-muted',         #灰色字体
'decoration-primary',       #紫色字体
'decoration-success',       #绿色字体
'decoration-warning'        #棕黄色字体

2.使用方法

tree视图根据样式添加位置不同实现每行纪录的某字段值不同而把每行以不同样式显示或某字段值不同而把字段以不同样式显示

decoration-{样式}="条件"          或者          decoration-{样式}="真/假" 

多条件满足一个条件:        decoration-{样式}="条件 or 条件"

<field name="arch" type="xml">        
    <tree string="" decoration-danger="sex == '1'">            
        <field name="name"/>            
        <field name="age"/>
        <field name="sex"/>           
    </tree>  
</field>

效果:整行改变样式

<field name="arch" type="xml">
    <tree string="个人信息">
        <field name="name"/>
        <field name="age"/>
        <field name="sex"  decoration-danger="sex == '1'"/>
    </tree>
</field>

 效果: 只字段改变样式

也可以多条件判断: 

任意满足一个条件:decoration-success="sex == '1' or sex == '2'"

(二)安装模块实现设置字体颜色:Colorize field in tree views 

odoo自带的颜色设置样式比较少,有时候不能满足需求,这个模块可以设置任意HTML颜色,缺点不能进行复杂的条件判断,只能判断真假

 HTML颜色样式表:http://xh.5156edu.com/page/z1015m9220j18754.html

使用方法:

设置字体背景颜色:options='{"bg_color": "颜色: True"}' 

设置字体颜色:options='{"fg_color": "颜色: True"}' 

<tree string="个人信息">
                <field name="name"options='{"fg_color": "LightPink: True"}'/>
                <field name="age"/>
                <field name="sex"  options='{"bg_color": "LightBlue: True"}'/>
            </tree>

效果:

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值