Feng’ Blog

Odoo中改变form表单的列数
原文地址:What is the different between col and colspan?Open中的...
扫描右侧二维码阅读全文
10
2018/10

Odoo中改变form表单的列数

原文地址: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列如图所示:
kkk.png

wwww.png
关键代码:

  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>
Last modification:January 9th, 2019 at 01:38 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment