Odoo12列表视图(tree)设置样式

短命女 2023-07-01 06:28 2阅读 0赞

从Odoo9开始，视图层就采用了bootstrap主题，属性写法如下：  
**decoration-\{$name\} = 值** 来对每条记录添加行的样式

\{$name\}可以是 bf(font-weight:bold), it(font-style:italic),或 bootstrap contextual  
color(danger,info,primary,success,warning)值是一个python表达式，表达式可以引用到  
tree关联记录的子弹 以及uid(当前用户 int) current\_date(当前时间 格式yyyy-MM-dd字符串)。  
editable = top 或者 bottom 设置行内编辑功能(top从上方/bottom下方)

<tree decoration-success="duration<5" decoration-danger="duration>15">
        <field name="name"/>
         
         <field name="duration" invisible="1"/>
    </tree>

这里是对模型中的 duration字段值进行判断。其中success、danger分别是绿色、红色，是[bootstrap][]定义的内容。  
想要了解html/xml转义字符可以参考： [HTML转义字符对照表][HTML]  
python模型代码片断：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI3NDA5Nw_size_16_color_FFFFFF_t_70]  
xml:  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI3NDA5Nw_size_16_color_FFFFFF_t_70 1]  
效果图(判断字段列为’持续时间’)：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI3NDA5Nw_size_16_color_FFFFFF_t_70 2]  
再来设置一下行内编辑：  
![在这里插入图片描述][20200119171231459.png]  
效果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI3NDA5Nw_size_16_color_FFFFFF_t_70 3]

[bootstrap]: https://www.bootcss.com/
[HTML]: https://tool.oschina.net/commons?type=2
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI3NDA5Nw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/2020011916491336.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI3NDA5Nw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI3NDA5Nw_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200119165109808.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI3NDA5Nw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI3NDA5Nw_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200119170037141.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI3NDA5Nw==,size_16,color_FFFFFF,t_70
[20200119171231459.png]: https://img-blog.csdnimg.cn/20200119171231459.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI3NDA5Nw_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200119171331509.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI3NDA5Nw==,size_16,color_FFFFFF,t_70