Estructura de las Agrupaciones en Vistas Formulario

Col y Colspan

    En Odoo la forma de estructurar y mostrar los Campos para las Vistas Formulario, con un orden especifico y agrupado por ciertos datos, es realizado mediante los atributos col y colspan, básicamente una Vista Formulario esta divida en 4 Secciones, 2 Para los textos de los campos y los otros 2 para sus Valores.

    Por defecto Odoo utiliza una columna para el Texto y 3 para el Valor del Campo, lo que se conoce como colspan="4", si necesitas utilizar una agrupación de 2 campos por linea, utilizamos col="4".

Columnas de un Formulario:

Codigo:

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

Ejemplo de un Grupo col="4", en donde toma 2 columnas para texto y 2 para los Valores.

Codigo:

<group col="4">
    <field name="input" />
    <field name="inpt2" />
</group>
┌───────┬───────┬───────┬───────┐
│ label │ input │ labl2 │ inpt2 │
└───────┴───────┴───────┴───────┘

Ejemplos de Agrupaciones Colspan:

Codigo:

<group>
    <field name="inpt4"/>
</group>

<group col="4">
  <field name="input" />
  <field name="inpt2" />
</group>
┌───────┬───────────────────────┐
│ labl4 │ inpt4_______________  │
├───────┼───────┬───────┬───────┤
│ label │ input │ labl2 │ inpt2 │
└───────┴───────┴───────┴───────┘

<group colspan="1">
   <field name="input" />
</group>
<group colspan="4">
   <field name="inpt4"/>
</group>
<group col="1">
   <field name="inpt2" />
</group>
┌───────┬───────┬───────┬───────┐
│ label │ input │       │       │
├───────┼───────┴───────┴───────┤
│ labl4 │ inpt4_______________  │
├───────┼───────┬───────┬───────┤
│ labl2 │ inpt2 │       │       │
└───────┴───────┴───────┴───────┘

Puedes crear Subgrupos de Campos como en el siguiente Ejemplo:

Codigo:

<group col="2" colspan="2">
   <field name="a" />
   <field name="b" />
</group>
<group col="6" colspan="2">
   <field name="d" />
   <field name="e" />
   <field name="f" />
</group>
 ─────────────────────────────────────────────────
│       │       │                │                │
├───────┴───────┼────────────────┴────────────────┤
│ ┌────┬───┐    │  ┌────┬───┬────┬───┬────┬───┐   │
│ │ lb │ a │    │  │ lb │ d │ lb │ e │ lb │ f │   │
│ ├────┼───┤    │  └────┴───┴────┴───┴────┴───┘   │
│ │ lb │ b │    │                                 │
│ └────┴───┘    │                                 │
├───────┬───────┼────────────────┬────────────────┤
│       │       │                │                │
 ─────────────────────────────────────────────────

Gracias por su Visita!

Continuar Leyendo