¡Bienvenidos, muy buenos días tardes o noches , según donde me leas !
¡Bienvenidos a un viaje dinámico y divertido para crear una aplicación CRUD en Power Apps! En esta aventura, replicaremos un proceso desde SharePoint, diseñando un segundo Grid con un enfoque diferente. Prepárense para una experiencia de desarrollo única y emocionante.
Crearemos un segundo Grid en power apps para diseñar nuestra CRUD, pero con un enfoque diferente.
Replicamos el proceso en el cual de Sharepoint, para poder recrear el proceso asi que creamos un sitio para para este paso, para este proceso en el cual manejamos el caso completo , para desarrollar estos pasos, creamos el Site y asignamos como propietario a la cuenta asociada al power apps
Acá pasamos a crear una de las listas
Procedemos a crear las diferentes columnas, con un primer registro
Ahora para entender la lógica relacionamos diferentes tablas
Proyectos y tareas por medio del nombre del proyecto vamos a ello , para gestionar será una columna de búsqueda
Creamos el proyecto generado para poder cargar la solución completa del caso por gestionar imagen
Ahora para la solución en power apps usaremos el desarrollo de gestión de procesos en los cuales manejamos cada función y solución de casos
Conectamos nuestro solución al sitio de Sharepoint
Probamos insertar un nuevo contenido
La lógica será conectar el otro lienzo traerlo y validar que este funcional correctamente para vincular la segunda lista que esta relacionada de SP
Para relacionar toda la información de una tabla a otra lo realizamos por el campo común y filtrando dentro de una colección lo podemos realizar cuando tenemos dos listas relacionadas
ClearCollect(colgrid;Filter(Tareas;’Busqueda proyecto’.Value;RecordsGallery1.Selected.Título))
Este es el código para que se relacione la información dentro de la tabla completa y poderlo pasar de una pagina a otra
Exsite una técnica que es importante de resaltar que es cuando la los controles de un desarrollo son seleccionados , podemos modificar, específicamente , cada paso y diseño en su desarrollo , esto quiere decir que debemos crear las diferentes variantes del diseño, insertan un botón oculto para que active la accion de crear la colección
La idea es en el botón invisible colocar este código
If(IsBlank(LookUp(colgridupdates;ID=ThisItem.ID));
Collect(colgridupdates;ThisItem));;
UpdateIf(colgridupdates;ID=ThisItem.ID;{
Título:TextInput1.Text;Descripcion:TextInput2.Text;’Dia entrega’:DatePicker1.SelectedDate;Prioridad:{Value:Dropdown1.Selected.Value}
})
De que si se edita alguno de los campos utilizados, se presiona el botón para que se active la lógica y como el ID existe es una actualización , entonces no devolverá ID blanco
Para que funcione en el botón de guardar colocamos el siguiente registro
Patch(Tareas;
ShowColumns(colgridupdates;
Título;
Descripcion;
‘Dia entrega’;’Busqueda proyecto’;
Prioridad;ID));;
Continuando con la lógica para añadir una fila es muy sencillo dado que utilizaremos un texto inicial para que se defina el desarrollo usando el botón añadir con la opción defaults
Patch
(Tareas;Defaults(Tareas);
{Título:»Nueva Tarea»;
Prioridad:{Value:»Medium»};
‘Busqueda proyecto’:{
Value:RecordsGallery1.Selected.Título;
Id:RecordsGallery1.Selected.ID
}
}
);;Select(Button6)
Enviando lo que estamos cargando para que funcione de manera efectiva La lógica es pasarlo visualmente y luego darle a guardar con el botón
Con estos pasos bien interesantes tenemos el diseño completo en el cual manejamos para esta app demo de gestión de Tareas
¡Felicidades! Hemos diseñado y desarrollado una aplicación CRUD en Power Apps, conectándola eficientemente con SharePoint. Este proceso no solo mejora la gestión de tareas, sino que también nos permite explorar las increíbles capacidades de Power Apps para soluciones personalizadas. ¡Sigamos innovando y creando aplicaciones que hagan la diferencia!
Vicente Antonio Juan Magallanes.