Odoo丨Get原生form表单变“美”小技巧~

Odoo原生form表单改造简要

文章讨论了如何改善Odoo原生form表单的美观度和用户体验。Odoo作为一个系统框架，虽然提供了简约的字段定义和布局调整方法，但其样式配置不够灵活，特别是在字段为空时显示不美观，且在编辑模式下可编辑字段与不可编辑字段的视觉差异较大。

原生表单实现方式

Odoo通过xml定义字段并渲染到页面上，使用group标签进行字段分组，page标签实现分页样式。提供了多种widget来处理不同的字段显示需求，例如多对多关系、枚举类型和时间格式。

问题发现与分析

产品经理对表单提出了美观性问题，特别是字段为空时的空白和错行问题。原生页面中空白样式和输入样式的高度不一致，导致分组后的行不在同一水平线上。在调试模式下，输入框和只读字段的可视差异更加明显。

具体解决方法

改造的第一步是将显示为空白的span标签变成输入框样式，根据字段的数据类型进行相应的改造，以保持输入框的宽度和原生输入框一致。第二步是改写_renderFieldWidget方法，确保在字段为空时也显示改造后的样式。

改造效果

通过绑定特定widget，改造后的表单在视觉上更加统一和美观。最终，给页面上所有字段绑定widget完成了整个改造过程。

结束语

文末感谢了技术支持和指导，并提出如果有更好的改造办法或疑问，欢迎加入社群讨论。