Edición en Linea de campos de la grilla en Magento2

En Magento2 podemos incluir ciertos campos editables en linea en nuestra grilla. Esto suele ser útil para ahorrar tiempo y evitarnos el tener que editar los registros.

Para poder realizar este proceso tendremos que hacer lo siguiente:

En nuestro componente UI listing que se encarga de construir nuestra grilla dentro de la sección <columns> incluiremos la siguiente configuración:

  • editorConfig es el controlador que se encarga de guardar los datos en linea hacia la base de datos.
    • selectProvider le indica los datos que le tendremos que pasar.
    • indexField es la clave primaria de la fila que estamos editando.
    • clientConfig indica la opciones de configuración donde el elemento más importante es saveUrl en el que tendremos que indicar cual es el controlador que se encargará de editar los datos en linea.
  • childDefaults es el segundo elemento en el apartado de configuración de la grilla.
    • fieldAction nos permite definir las acciones cuando una campo es clikeado.

Para permitir que una columna sea editable tendremos que incluir en el apartado de la configuración de cada columna un nuevo elemento llamado editor.

Hay dos elementos a tener en cuenta en nuestro editor en linea:

  • editorType es el tipo de selector que vamos a incluir (text, select, date, dateRange, etc …)
  • validation donde indicamos las reglas de validación.

El siguiente paso es crear el controlador donde lo querramos ubicar. En mi caso Controller/Adminhtml/News/InlineEdit.php

El resultado es el siguiente:

 

Etiquetado

Deja una respuesta

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.