Curso intensivo 101
10 Módulos
5 Semanas

Filepicker

Haga clic para copiar

Componente Filepicker en aplicaciones web


En el nuevo módulo, seguiremos explorando las posibilidades de los procesos empresariales. Resolveremos situaciones más complejas que las simples operaciones matemáticas. Estudiaremos las operaciones de comparación, ramificación y el funcionamiento de los ciclos. Y también, averiguaremos cómo trabajar con archivos y analizar su contenido.

Para ello, imaginemos que nuestra tarea es desarrollar nuestra propia red social. Por supuesto, no todo a la vez, el diseño del perfil del usuario será suficiente.

Diseño general

Comencemos con el diseño general. Tenemos que diseñar la página y añadir los elementos necesarios. Un problema similar ya fue resuelto durante el trabajo en el 6º módulo, así que no explicaremos todos los pasos de nuevo. Dejemos que esta sea otra oportunidad para consolidar los conocimientos en la práctica.

Imagina que un usuario puede añadir un avatar a su perfil, especificar un nombre de usuario y también rellenar información biográfica. Pero hay una condición: no se pueden introducir directamente (todos los campos de entrada tienen el Disabled = true ); deben cargarse desde archivos.

Filepicker

El bloque Filepicker se puede utilizar para trabajar con archivos en AppMaster. Es ideal en la mayoría de las situaciones y permite especificar varios ajustes y elegir el aspecto. Pero el mero hecho de utilizarlo puede no ser adecuado para el diseño que se pretende realizar. Por lo tanto, en nuestro ejemplo, utilizaremos un método diferente y crearemos la capacidad de cargar archivos sin un Filepicker e incluso sin ningún botón explícito.

Utilizaremos el Container onClick en el contenedor principal para hacerlo. Cualquier clic en el contenedor o en su elemento iniciará este proceso comercial. Y debemos empezar por elegir los archivos. Para ello, utilizaremos el bloque Select Files bloque. Su peculiaridad es que este bloque requiere la participación del usuario para su ejecución. El proceso continuará sólo después de que el usuario seleccione los archivos. Establezca el parámetro Max files = 99 para poder seleccionar varios archivos.

El plan es que el usuario envíe dos archivos simultáneamente. El primero es una imagen para establecer como avatar. El segundo es un archivo Excel (xlsx) con el resto de los datos.

Was this article helpful?
¿Sigue buscando una respuesta?
Únase a la Comunidad