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>

效果：

odoo14 文本字段动态设置字体样式颜色 decoration相关推荐

WPF中GDI+图形图像的绘制：（一）绘制文本——动态设置字体、大小、颜色
GDI+(Graphics Device Interface Plus图形设备接口加)是.NET框架的重要组成部分,负责在屏幕和打印机上绘制图形图像和显示信息.GDI+不但在功能上比GDI 要强大很多 ...
EasyExcel 设置字体样式（字体、字体大小、字体颜色、字体加粗、字体斜体、字体下划线、字体上标下标、字体删除线）
1 Maven配置 <dependency><groupId>cn.hutool</groupId><artifa ...
html设置表单里面字体格式为中文,html设置字体样式 html怎么设置字体样式 html字体怎么设置...
分享网页的字体样式,这个只要平时最普通,最常用,最实用的网页字体样式font-family:'Microsoft YaHei'. 或许多年后再见,各自安静生活数年,在某个人潮拥挤的街头透过公交的玻璃窗 ...
html中设置字体字型,html中如何在font中设置字体样式（粗体斜体等）
html> 字体加粗用<b>加粗字体:加粗用<strong>加粗字体:加粗用CSS font-weight 加粗 normal(400), bold(700) ...
设置字体样式：字号大小，字体种类，字体粗细
font-size:字号大小 font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位,其中,相对长度单位比较常用,推荐使用像素单位px,绝对长度单位使用较少.具体如 ...
Poi模板导出(设置字体样式)
一.controller查询数据,并调用此方法 /*** 试题模板导出* @author zhengzx* @datetime 2021-11-17 11:48:59* @param response ...
CSS中设置字体样式的5种常用属性—让字体设置再无难点
设置字体样式的5中常用属性如下 1:color 设置字体颜色,也可以设置其他颜色 2:font-size 设置字体大小 (1).设置的并不是文字本身的大小,在页面中,每个文字都是处在一个看不见的框中的 ...
APP国际化、动态设置控件颜色（APP个性化）
亲身体验:某些时候QQ音乐首页整体都成灰色,艾玛,BUG!!!,截图反馈.只有首页,其他的界面没问题,好家伙,故意的! 确实,今天咱也来搞一下,这篇文章主要记录项目 1. 国际化 2. 动态设置控件颜 ...
html语言中如何设置字体,css中如何设置字体样式？
CSS设置字体 DIV内文字字体样式如何设置,怎么设置对象内文字字体样式,比如黑体.宋体.微软雅黑.英文字体等字体如何设置? css可以通过font-family属性来设置字体样式,font-fami ...