Odoo tree视图数字字段居左显示

本文介绍了如何在Odoo的tree视图中改变数字字段居左显示的习惯,以适应个人偏好。通过创建自定义样式、加载CSS文件并更新模块的__manifest__.py,实现数字字段右对齐的视觉效果,从而提供更符合中国用户习惯的界面。
摘要由CSDN通过智能技术生成

odoo的tree视图如果与数字类型的字段,字段名称和字段的值总是居左显示,这欧洲人习惯(因为数字居左显示方便数字的比较)作为一个中国人,反正我是非常的不习惯,于是决定研究一下,改掉它。从项目的角度出发,源码肯定是不能直接改的,我们一般是在自己的模块中修改。

下面将介绍实现方式,其实很简单,只需要三步:

 1、自定义样式

创建一个css文件 my_module/static/src/css/tree_number_field.css

@charset "utf-8";
/* 方式一: 全局修改   */
/*  全局修改tree视图数字字段的值居左显示  */
.o_list_view .o_list_number {
    text-align: left;
    white-space: nowrap;
}
/*  全局修改tree视图数字字段的名称居左显示  */
.o_list_view thead > tr > th.o_list_number_th {
    text-align: left;
}

/* 方式二: 通过class局部修改   */
/* 使用class局部修改tree视图数字字段的值居左显示,
   要在tree视图的字段增加class="o_list_number_left" */
.o_list_view .o_list_number_left {
    text-align: left;
    white-space: nowrap;
}

2. 加载css文件

创建一个xml文件:my_module/views/web_assets.xml 

<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <template id="assets_backend" name="crm assets" inherit_id="web.assets_backend">
        <xpath expr="." position="inside">
            <link rel="stylesheet" href="/df-tools/static/src/css/tree_number_field.css"/>
        </xpath>
    </template>
</odoo>

3. 在资产文件__manifest__.py中列出xml文件

'data': [
    'views/web_assets.xml',
],

4. 升级模块,即可看到效果(这里使用的是全局修改)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值