Conexão Entre Formulários HTML Google Apps Script - Planilha Google - Aula 15

Conexão Entre Formulários HTML Google Apps Script - Planilha Google - Aula 15 Nesta aula Vamos trabalhar com script para abrir o formulário de cadastro de pedidos quando for efetuado um duplo clique sobre uma linha de registro do formulário de filtro beleza pessoal.

Conexão Entre Formulários HTML Google Apps Script - Planilha Google - Aula 15

Então vamos para o editor de script no editor acessem o arquivo estilo filtro pedidos ponto HTML e desce até localizar a definição de estilo na tabela porque nós vamos colocar uma cor.

De preenchimento na linha quando o usuário efetuar o duplo clique então jogo da velha e de da tabela que no nosso caso é Tab TR para entrar na linha ponto.

Selecionado espaço TD para entrar na células abre e fecha as chaves e pressiona entre e dentro das chaves comando background traço color dois pontos Yellow que é amarelo e fecha.

A linha de código com ponto e vírgula colocamos uma cor de preenchimento na linha que o usuário efetuou o duplo clique próximo passo é fazer a função que vai.

Acionar o duplo clique então agora acessem o arquivo filtro pedidos traço JS e desce até o final dos códigos e aí nós vamos fazer mais uma eu vou chamar Esta função e descer.

Tabela é duplo clique abre e fecha parênteses e abre e fecha a chave e dentro desta função Primeiro passo é referenciar as linhas da tabela.

Mas eu vou chamar esta variável de linhas tabela vai ser igual a documents all abre e fecha parênteses e dentro dos parênteses abre e fecha aspas duplas e.

Dentro das raspas duplas coloca um jogo da velha e aí vem o ID da tabela então agora acessem o arquivo filtro pedidos ponto html.

localiza a tabela e o ID copia o ID volta no código e cola dentro das aspas duplas espaço PR para referenciar as linhas e fecha a linha de.

Código com ponto e vírgula podem Copiar esta variável copia e cola linhas tabela ponto for it abre e fecha parênteses e dentro dos parênteses com abre e fecha parênteses e.

Dentro dos parênteses variável linha fora dos parentes da function abre e fecha as chaves impressionante depois do último parênteses podem fechar com ponto e vírgula podem copiar a.

Veja Também:

    Variável linha colar dentro da função

    Variável linha ponto add evente listenner abre e fecha parênteses e abre e fecha aspas duplas dentro dos parentes e dentro das duplas o evento dbl clique.

    Duplo clique fora das duplas vírgula nós vamos fazer uma function abre e fecha parênteses e abre e fecha as chaves impressionante.

    Depois do último parênteses fecha com ponto e vírgula Ok acionamos o duplo Clique na linha agora nós vamos alterar a cor de preenchimento desta linha então comando desse para referenciar a linha.

    Que recebeu o duplo clique ponto Classic Google abre e fecha parênteses e abre e fecha aspas duplas dentro dos parênteses e dentro das raspas duplas vai este nome que nós colocamos no estilo selecionado.

    Copia o nome bota no código e cola dentro das aspas duplas e fecha e ele código com ponto e vírgula próximo passo é capturar o ID da linha porque nós vamos enviar para o formulário de.

    Cadastro o ID Então vai que vai ser igual comando diz para referenciar a linha ponto céus e aí vocês vão abrir e fechar colchetes o nosso caso a coluna ID é a.

    Coluna zero da tabela html fora dos colchetes e ponto e vírgula no entanto aqui tem um detalhe seu usuário deram duplo Clique na linha Total ou no cabeçalho eu não.

    Quero abrir o formulário de cadastro então abre e fecha parênteses e abre e fecha as chaves e dentro dos parênteses se a variável e de ponto de exclamação igual.

    Que quer dizer diferente abre e fecha aspas duplas e dentro das aspas duplas coloca underline fora nas raspas duplas dois e comercial e novamente variável e d ponto de exclamação igual.

    Que quer dizer diferente e abre e fecha

    Aspas duplas se for diferente do cabeçalho da coluna que no nosso caso é ID vamos dar uma olhada na tabela para.

    Facilitar o entendimento desta parte Então se o usuário efetuaram duplo Clique na linha total na coluna ID eu vou ter o underline se for o cabeçalho.

    Vai retornar e dê por isso que nós colocamos no IF diferente diferente de underline é diferente do texto do cabeçalho Se entrou neste nós vamos acionar.

    Api do Google Google ponto script.am.witch sucesso handle abre e fecha parênteses e fora dos parênteses.

    Ponto e aí vem o nome da função que vai ser acionada Então agora vocês vão acessar o arquivo macros pedido.gs e vamos copiar o nome da função.

    Farm pedido podem copiar inclusive os parênteses copia volta no código e cola e dentro dos parênteses da função Farm pedido nós vamos enviar o ID que vai ser feito a.

    Pesquisa pelo id para carregar o registro no formulário de cadastro e fecha a linha de código com ponto e vírgula Ok fizemos a função duplo clique próximo.

    Passo é acionar Esta função depois que carregar os dados na tabela podem copiar o nome da função inclusive os parênteses copia e aí vocês vão procurar pela.

    Função gerar tabela vamos ver onde está função gerar tabela vocês vão colocar bem no final antes da Chaves que fecha a função Qual a função descer tabela e fecha a.

    Linha de código com ponto e vírgula feito este ajuste agora nós precisamos fazer alguns ajustes no formulário de cadastro de pedidos Então agora vocês vão acessar o arquivo Marcos pedido.gs.

    E dentro dos parênteses da função forma pedido vocês vão colocar a variável e de próximo passo é passar este D para o formulário Então antes da variável mostrar forma vocês vão colocar forma.

    Forme ponto ID vai ser igual a variável e d e fecha nele código com ponto e vírgula feito este ajuste agora nós precisamos colocar este D no campo ID Então agora.

    Vocês vão acessar o arquivo vai me pedido ponto HTML e vamos procurar pelo campo e de objeto input e d depois do teste nós vamos colocar o comando vale Vale igual.

    E abre e fecha as duplas e dentro das duplas menor ponto de interrogação igual a variável e d coloca outra interrogação e fecha com o maior desta.

    Forma nós vamos colocar o id no campo e de próximo passo é acionar a função de pesquisa quando formulário for iniciado mas no caso vai fazer a pesquisa somente.

    Se tiver um ID no campo e de então acessem o arquivo vai impedido traço JS vocês vão procurar pela função iniciar formulário e dentro da função de retorno nós vamos colocar um.

    If então hífen abre e fecha parênteses e abre e fecha as chaves e dentro dos parênteses seu campo e de.

    Quanto vale ponto de exclamação igual que quer dizer diferente se for diferente de vazio nós vamos acionar a função pesquisar abre e fecha parênteses que fecha a.

    Linha de código com ponto e vírgula detalhe pessoal nós já temos Esta função no arquivo vai me pedido traço JS Esta função ela é acionada pelo botão pesquisar e agora vai ser acionada.

    Também ao iniciar o formulário caso tenha um ID no campo e de feito estes ajustes salva as alterações e vamos testar para ver se vai carregar o registro que nós efetuar um duplo.

    Clique no filtro no formulário de cadastro eu executei o formulário de filtro eu vou efetuar um duplo clique pode ser no id2.

    Duplo Clique na linha alterou a cor da linha está abrindo o formulário de cadastro de pedidos show de bola galera carregou o registro desta forma eu posso estar editando o excluindo este registro.

    Facilita a conexão entre os formulários e também a edição dos registros porque no filtro é mais fácil de localizar os registros no entanto tem mais um detalhe que eu.

    Quero fazer quando o usuário clicar sobre a imagem ícone do campo ID do formulário de cadastro de pedidos eu quero abrir o formulário de filtro.

    Então podem fechar o formulário de cadastro volta no editor e o primeiro passo é colocar aquele ícone de mãozinha quando o usuário parar o cursor sobre a imagem ícone Então.

    Agora vocês vão acessar o arquivo estilo Farm pedido ponto HTML e nós vamos procurar pelo id na imagem ícone.

    Ícone pedido não esta ainda vai ser a imagem ícone e de esta aqui ó então eu vou colocar depois do position o comando cursor dois pontos Pointer e.

    Ponto e vírgula feito este Ajuste acessem o arquivo vai me pedido JS e desce até o final dos códigos e o primeiro passo é referenciar a imagem.

    Ícone então Element by ID abre e fecha parênteses e abre e fecha aspas duplas dentro dos parentes e dentro das raspas duplas vai o ID da.

    AVISO LEGAL: Toda a responsabilidade do conteúdo e autoria deste vídeo transcrito, é do produtor do canal. Clique no Link do Vídeo: https://www.youtube.com/watch?v=c6X0rAa1M8k

Postar um comentário

Post a Comment (0)

Postagem Anterior Próxima Postagem