Odoo中改变form表单的列数

  • A+
所属分类:odoo

原文地址:What is the different between col and colspan?

Open中的每个表单视图容器(表单本身,组,页面)都包含4列开头。

  1. <form>
  2. ┌───┬───┬───┬───┐
  3. │ 1       │    2    │     3   │     4   │
  4. └───┴───┴───┴───┘
  5. </form>

每个<field>需要2列:标签和输入字段

  1. <field name="input" />
  2. <field name="inpt2" />
  3. ┌───────┬───────┬───────┬───────┐
  4. │         label        │   input             │          labl2       │           inpt2      │
  5. └───────┴───────┴───────┴───────┘

使用colspan,您可以扩大项目。

  1. <field name="inpt4" colspan="4"/>
  2. <field name="input" />
  3. <field name="inpt2" />
  4. ┌───────┬────────────────────┐
  5. │ labl4                │ inpt4_______________                                   │
  6. ├─────── ┼───────┬───────┬────┤
  7. │ label                │ input               │                labl2 │         inpt2 │
  8. └───────┴───────┴───────┴────┘
  9. <field name="input" />
  10. <field name="inpt4" colspan="4"/>
  11. <field name="inpt2" />
  12. ┌───────┬───────┬───────┬──────┐
  13. │ label                │           input      │                        │                        │
  14. ├───────┼─────── ┴───────┴──────┤
  15. │ labl4              │                                         inpt4_______________  │
  16. ├───────┼───────┬───────┬──────┤
  17. │ labl2               │ inpt2                │                        │                        │
  18. └───────┴───────┴───────┴──────┘

当您添加其他容器(如页面)时,您可以告诉Open使用更多或更少的列。

  1. <group col="2" colspan="2">
  2.     <field name="a" />
  3.     <field name="b" />
  4. </group>
  5. <group col="6" colspan="2">
  6.     <field name="d" />
  7.     <field name="e" />
  8.     <field name="f" />
  9. </group>

一行3列如图所示:

Odoo中改变form表单的列数

Odoo中改变form表单的列数

关键代码:

  1. <group col="3">
  2.          <group>
  3.                 <field name="asset_account_total"/>
  4.           </group>
  5.           <group>
  6.                 <field name="asset_total"/>
  7.           </group>
  8.           <group>
  9.                 <field name="asset_difference"/>
  10.           </group>
  11.  </group>

 

weinxin
我的微信
分享所学的技术性文章和资源,希望大家共同进步,一起学习!
博主

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: