Editar y eliminar filas en una Excel

Hola y bienvenidos a inventordeaplicaciones en este nuevo artículo vamos a ver como editar y eliminar filas en una Excel. Un tema que muchos usuarios me habéis pedido. Y es que parece ser que el tema de manejar una hoja de cálculo despierta bastante interés entre los usuarios de App inventor. En artículos anteriores vimos cómo crear una App en la que podíamos editar una hoja de cálculo de google e incluso como mostrar gráficos de datos usando esa misma hoja. Pero sois muchos los que me piden que explique cómo editar filas ya creadas y o eliminarlas. Y aunque es un tema muy avanzado, ya que requiere de una cierta programación en java, vamos a ver como se puede implementar en App Inventor usando la Api de Google Sheets.

Modificar el diseño para editar y eliminar filas en una Excel

Vamos a continuar modificando la aplicación que creamos en anteriores artículos para poder editar y eliminar filas en una Excel. Esta vez vamos a crear un nuevo botón en la pantalla principal. Este nos mandara a una nueva pantalla a la que se le ha puesto el nombre de “PantallaEliminar”. Aqui se programara toda la lógica para modificar datos y eliminarlos.

jprHf76GQ4Th0UgD3d2VJ1fcRyKEVDmRpHOPvWgFRlr zNNhffcVueWY8VVb um vJbK WpvSFE9iOFpXrbvC1UcH5mr3R6i s2c0J4 s3KwHdsV0g3Xx2rzqbzK6aNQCAOuvMgp - Editar y eliminar filas en una ExcellSCtOtJhqUnhPNOc1L59nUO QzUQ9NUl7PxUWvwhERmWx7jPZOP222t7x0dE5GVaUnANRuxXsrXpyzecK3WTIB6hTA r4Jn0p zZe qufmnY6EKUf7BQL3xSkyNrpAcWOe 7xmer - Editar y eliminar filas en una Excel

Nuestra nueva pantalla con nombre “PantallaEliminar”  la dotaremos de una disposición vertical donde introduciremos tres campos de texto. Estos a su vez tendrán una etiqueta a modo de descripción. Estos tres campos de texto hacen referencia a los tres campos de nuestra hoja excel. Además añadiremos dos botones uno con el texto eliminar y otro con el texto actualizar. De esta forma introduciendo los datos en los campos de texto. Si estos  estas ya están en la hoja Excel, tendremos la opción de modificar o eliminar de la hoja. Además añadiremos dos componentes no visibles un notificador y un componente Web.

Como siempre al final del artículo podréis descargar el proyecto en formato AIA.

5PRc wUD3UxIK  BAEfr0 LLN5V7vYBwNcQ7fB6mO66XlOQ15a5oCbYl70nHGfPLnZbuCsXj62mEadvwYL iwCl4qK01pmFxd3SW7L2Tqzuwox55BYC5yVpkjd00 FQTmXzNaEim - Editar y eliminar filas en una Exceltsy9IauhhrK9JLAGu0cCG6QAxaRUYXVg0dI2CUfibs 4AMPw8SnUVaCzESeZm0n2f5R3fpZHm19jlVo9bNxzO81zI0RmxeUbDvEB9triogU8BjBnPuGjfppZS RrtFzrr1hO9E0G - Editar y eliminar filas en una Excel

Programando nuestro Script

Vamos a dirigirnos nuestra hoja de cálculo. Pulsaremos en   Formulario –> Modificar  formulario para modificar el formulario que ya teníamos, y de esta manera poder editar y eliminar filas en una Excel. Vamos a crear un nuevo campo al que llamaremos “tarea” y que tendrá un campo de respuesta corta. El formulario se guardará cuando cerremos la ventana.

vqIvNzoIcEUxcXP5YClK1FZHZl1JsPQw3ZbW5G YguIrtQsJn68LjkbyE 35OzfTr g hkNYPu32gFjuAEoeVT8Hn5Z5rosGxK pv9R57S7M9CKkOQMUmm9cImfM6 9YuJuM1pzS - Editar y eliminar filas en una Excel3DN65C1TCo108b8mVSOX5YBYkC6DOZJjKmVt uIDYAzB3i5AjQ3rgrKfB6H19LkTJPYTp64dxyHTvNjwG0b82ClkcpNgcW3TeAhymFtRrQoumdyI Cct7glaCDUSSib9CR3Twt0q - Editar y eliminar filas en una Excel

Ahora en nuestra hoja de cálculo, seleccione ArchivoCompartir. Haga clic en el botón «Avanzado» y cambie el acceso de Privado (que es el predeterminado) a Cualquiera usuario con el enlace. Y cambia el tipo de acceso a «Puede editar» y después guarda .

ywunC7zk88dTU2Mc VsgsDFzXK2SILxzXmIW20Hm3symG jPlOu8Dfvb1TQ1d6Diigtxy2vn0ncU3LWX3uopjv iz8GzOmXxeXtGuR8TqmuWiFbMwfyYQkhHZPNURKXyqfIIzQtF - Editar y eliminar filas en una Excel

Ahora selecciona ArchivoPublicar en la web y en la siguiente ventana pulsa en Publicar . Aparece una ventana, pulsa en Aceptar y Cerrar .

El siguiente paso es crear un Script. Selecciona Herramientas → Editor de secuencias de comandos pega el código que podrás descargar de este enlace y pulsa en guardar. Ese código no tienes que entenderlo pero si te interesa puedes leer los comentarios del mismo para saber qué es lo que hace.

Para que nuestro código funcione tenemos que hacer que se ejecute cuando nosotros consultamos la hoja excel desde nuestra app. Para ello el editor de Scripts nos ofrece un disparador de eventos. Este se encargará de llamar a la función y de esta manera conectaremos nuestra app con el código. Pulsa el botón que te muestro en la imagen.

vo6i5TgPCe0ksSWqFDrZWGoegjmqEatdMzpy6n4YjBQc9jdClE 7ld14uCmHnguz iQxAABypPwRl7 1Gxf8xLxbt3Skf5NdOgtLgfiPfxVaMevouAdR3pMJpxLz28WTzr5rW5Hz - Editar y eliminar filas en una Excel

Se abrirá una nueva ventana pulsa en el botón azul de la esquina inferior derecha “Añadir activador” 

Vv2DqRPbJlTIswVzgslORt9rV ccajL1THDC9oRxg3vXHBozl8gaL2eeMYi9nnPsB78U3UriC sdERwtl19frP3ZjHymZ e V6HnQlbi 4 ks84RlCiRbpQ0WTeMevAEuldizhhx - Editar y eliminar filas en una Excel

En la nueva ventana, en la opción “seleccionar qué función ejecutar”.  Selecciona de la lista desplegable la función «BorrarFila», que corresponde a la función creada en el Script. Si le has cambiado el nombre tendrás que seleccionar el nombre que le has puesto. En la opción selecciona la fuente del  evento, seleccione «De una hoja de cálculo». Y en la opción seleccione un tipo de evento selecciona «al enviarse el formulario» y haga clic en guardar.

B7ORDJERZWhzpV8vAmxzwqyWOoz9tU6SQAehdYfzUFW9sOc7 lTNsdjSS31lu85wx5rg oEej2JhbIKtuFWklLowatG xRyVQPwPOoDI8QCkIpFkrUuZOIes4pTYjYSFl0nDIgXv - Editar y eliminar filas en una Excel

Aparecerá una nueva ventana «Se requiere autorización». Pulsa  en «Revisar permisos», Selecciona la cuenta de Google con la que abres la hoja Excel. Aparecerá una ventana nueva con titulo «No se ha verificado la aplicación», haga clic en «Configuración Avanzado»

9vRtOmx1bpOC8v64 7OlTMcvApI5eBCCI0vhkG5rXJXj9b1JTSOFVjRmxNBglDZinwmNGuVFACqOrhHUWsvVn5iUi1I6d4T0pO47PJirdWN123XTdhLa7pKyjKtGV hwAnQAPFm0 - Editar y eliminar filas en una Excel

En la nueva ventana haz clic en » Ir a (NOMBRE DE TU HOJA DE CÁLCULO) (inseguro)» 

xuM1JFLAZHfHK6ABI4mIwuiDc9n8aYcffJrSqibptUOPEi3F1fnAsC7VQTbR AaNKzln5diSRFNC Do0k3EGjG20WUwYFcJK0wtsqqkCvi9RoEGQ7VYF4VWpus1fBjbnrgcct8Ld - Editar y eliminar filas en una Excel

En la siguiente pantalla te solicitará permisos, selecciona “Permitir”

nibBOapG10G7g248gNiozjUcrw4yJj O3VzAJIzjEOiZTkiEzgQhFlD5CWuyUKIGtkswJ4D3OrCaemS8y0lQPTV1hL7t6eEFUpHnE7ia6uFZQFcRnCwfoWVwKaHka5IRe9kjzf9D - Editar y eliminar filas en una Excel

Con esto ya tendremos preparado nuestra hoja de cálculo, ahora tendremos que programar nuestra pantalla para que nuestro Script funcione.

Programando nuestra App para editar y eliminar filas en una Excel

Lo primero antes de nada es programar el botón que añadimos a nuestra Screen1 y que habría nuestra nueva pantalla “PantallaEliminar”.

TLWgL12Vf3y90guF4mnRGJFIwu 0l37NgaezGWyoPjgEbsc COscy3euNbmfVHueEBfZEcwxicU9JgCVhu3FAU9BmG1dR5sWrO8WAe3Wk pllxDkO4nMXLo6c3ZmApl5UWmUyO6Y - Editar y eliminar filas en una Excel

Lo segundo será programar nuestra nueva pantalla, para ello abriremos nuestra nueva pantalla y pulsaremos en bloques. 

Vamos a  crear un procedimiento que yo llamaré “LlamaExcel”. Este se encargará de llamar a nuestra hoja excel, y por tanto, ejecutará la llamada de nuestro script. Este procedimiento contendrá un parámetro que llamaremos “Acción”. Este parámetro lo podemos crear pulsando en la rueda dentada de nuestro procedimiento.

0XzvwW1SjWSMEg9FEPsXvvCblfcM0sbrWRAezq4enFtoK5bcB8recrQSf3P0wmKqxRXmSZe3F3wR0 b4s XMAGW977 0Yddw14oDKLx4s4sdv42IciuqDppZsyqFH9SMQBaTQgHA - Editar y eliminar filas en una Excel

 Lo primero que haremos en este procedimiento es asegurarnos que cada caja de texto contenga información, es decir, que no esten vacias. Para ello utilizaremos un bloque if  y los operadores O (AND) logicos. Si estos estan vacios lo notificaremos al usuario con un mensaje.

9ZxiDOfUfbvCsR2ZJDPWNtCoz jBp70p1n0f4 N5J11eljL4pOSKZcnxu1q2tjrOIpScGxO8mVpTHbw9c2etHeknbZGaSto9USRyWhvR7qz5wfeG7WpBTumRz3P9xOtuMAmiJJEz - Editar y eliminar filas en una Excel

Si por el contrario los campos de texto contienen información llamaremos a la dirección web como esta:

 “https://docs.google.com/forms/d/1hHZ9Y7w4YGkxs…zFQbEgCk6Ces/formResponse”.

Esta misma dirección la creamos en anteriores tutoriales para  la pantalla donde introducimos elementos en nuestra hoja excel. 

48Adm1MOmcuTdLvsqmOBF0mAjdGeJKbJc2JVW4tDjABXlL6dOYSwZnCkNGJV2uunrCs1ZZv772CWxvd7BTaKFrKAuKApVsGflw9VNHV7NwbGDDIY6NNDU7P 8Al51pnbbBw4gIHL - Editar y eliminar filas en una Excel

Seguido haremos una solicitud HTTP POST, donde le pasaremos  a nuestra formulario una lista de nuestros elementos contenidos en cada campo de texto. Por cada campo de texto añadiremos los textos que introdujimos en el primer tutorial de hojas excel eliminando el signo de interrogación y el igual. Pero ahora tenemos un elemento más, a este, le colocaremos la entrada que establecimos en nuestro procedimiento. Quedará de la siguiente manera.

Dmyh38mLjzP PlH4VlzlJYS eNgi0MgkXcyI6qMxWefAaFvUn9eIQOZIanzh4V4zrUSPjrPxBPtXLXCaHKgJ0FjFJWxp7NP1XPqRt8yAgxWf5SC0viLmmU3uxCVm401 y UZPkE - Editar y eliminar filas en una Excel

Seguido eliminaremos el texto de los campos de texto. para no volver a utilizar la misma información. Entonces a cada campo de texto le añadiremos un bloque de texto vacío.

K4KYvMDm0 gv66 gXXfZ8e0MsIA13CySdldDSvWZAmDhglk eXJg x6 KhC38wNSrwNh eJp2RjqN58 MEatU9bavwIGrlXGilRD8HSn9ylgQbS sdJ5NfoFD atzD6EqsqFag1Q - Editar y eliminar filas en una Excel

Recuerda que nuestro diseño contiene dos botones, es aquí donde entra en escena nuestro parámetro del procedimiento. Si pulsamos en el botón1 llamaremos al procedimiento pasándole el parámetro “BORRAR”. Si por el contrario pulsamos el botón2 el parámetro a pasar será “ACTUALIZAR”.

5WUdOw Idg3juSr1 sv0jS72ZRpo60Vsx5deE1LRFcKBu AdHsMFX7M0T3pXgElaNfbvEpYtdUwaZpEFS4Nf4G7AAqZmJN onD0rluSmqBh2kzcz rjU3cbie GO YFnfoBYLqLY - Editar y eliminar filas en una Excel

Bien solo nos queda probar la aplicación y ver cómo podemos editar y eliminar filas en una Excel que ya teníamos editadas.

Sin más me despido una vez más desde Inventor Aplicaciones. Si tienes alguna duda o quieres que tratemos algún tema no dudes en dejarlo en los comentarios un saludo.

Archivo AIA del proyecto

Enlace para descargar el pequeño Script que usaremos en las hojas de cálculo de Google

4 comentarios en «Editar y eliminar filas en una Excel»

  1. Buenas noches…
    Excelente explicacion y guia…
    Tengo un detalle; seguí las indicaciones paso a paso, y en la app que hice puedo hacer todo, incluso ver la lista de productos que se dan de alta desde el formulario en la web, pero lo que no he logrado es agregar productos desde la App.
    Crees que me puedas dar algun tip de que es lo que me esta faltando?
    Saludos.
    Eres un excelente maestro.

    Responder
    • Gracias por tu comentario.
      Parece que algunas personas tenéis problemas a la hora de añadir y visualizar los productos. Lo he estado revisando y a mi me funciona a la perfección, seguiré intentando encontrar el problema. De momento te sugiero que revises todo bien
      Un saludo.

      Responder
  2. Funciona bien!! Gracias por tus enseñanzas. Ahora bien me gustaría hacer lo mismo sin que se necesario de usar formulario sino directo en el HCG, por favor podrías??

    Responder
  3. Olá, me chamo Emerson, sigo suas aulas daqui do Brasil! 🙂

    Minha dúvida é de como chamamos os valores da folha de calculo, para campos específicos (caixa de texto específicos para cada valor da folha de calculo) no app inventor!

    Poderia me ajudar?

    Desde já Agradeço…

    Responder

Deja un comentario

error: Content is protected !!