[comment]: # translation:outdated

[comment]: # aside:3

[comment]: # ({f9bc6490-c4b57655})

# Vistas

Archivo de vista recibe los datos de un controlador y luego prepara el aspecto HTML de la misma.

:::nota clásica
Definir vista(s) para un módulo frontend es opcional, a menos que el módulo sea un widget.\
Los widgets de tablero necesitan al menos dos vistas: una para el modo de edición y otra para el modo de visualización (deben almacenarse en el directorio *views*).
:::

Es posible usar clases HTML predefinidas de Zabbix (del directorio */zabbix/ui/include/classes/html*) en la vista así como añadir nuevas clases HTML y CSS.
Las nuevas clases deben almacenarse en la carpeta *assets* del módulo.

Ejemplo:

````
...
(new CColHeader(_('Nombre')))
````

Esto añadirá un nuevo nombre de columna *Nombre* y dará estilo a la fila superior de la tabla como en otras páginas de Zabbix.

[comment]: # ({/f9bc6490-c4b57655})

[comment]: # ({ee64be2e-6d27cbe1})

### Vista de acción

Este es un archivo de referencia para definir una vista de acción.

````php
<?php declare(strict_types = 1);

/**
* @var CView $this
*/

$this->includeJsFile('ejemplo.algo.vista.js.php');

(new CWidget())
    ->setTitle(_('Vista de algo'))
    ->addItem(new CDiv($datos['nombre']))
    ->addItem(new CPartial('module.example.something.reusable', [
        'contactos' => $datos['contactos']
    ])
    ->show();
````

[comment]: # ({/ee64be2e-6d27cbe1})