扫码阅读
手机扫码阅读

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

705 2023-09-21

我们非常重视原创文章,为尊重知识产权并避免潜在的版权问题,我们在此提供文章的摘要供您初步了解。如果您想要查阅更为详尽的内容,访问作者的公众号页面获取完整文章。

查看原文:Odoo丨Get原生form表单变“美”小技巧~
文章来源:
神州数码云基地
扫码关注公众号

Odoo原生form表单改造简要

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

原生表单实现方式

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

问题发现与分析

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

具体解决方法

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

改造效果

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

结束语

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

想要了解更多内容?

查看原文:Odoo丨Get原生form表单变“美”小技巧~
文章来源:
神州数码云基地
扫码关注公众号