Script para Carregar Relatório na Tabela do Formulário HTML - Planilha Google - Aula 07

Script para Carregar Relatório na Tabela do Formulário HTML - Planilha Google - Aula 07 Nesta aula Vamos trabalhar com script para carregar o relatório na tabela HTML beleza pessoal então vamos para o editor no editor acessem o arquivo relatório tro JS e desce até localizar a.

Script para Carregar Relatório na Tabela do Formulário HTML - Planilha Google - Aula 07

Função relatório e antes de fazer a função gerar tabela nós vamos fechar o Array filtro pedidos e também o Array filtro produtos primeiro lugar que nós vamos.

Fechar os arrays vai ser dentro do IF dados rel então Array filtro pedidos pon L iG 0 e p e vírgula aray filtro produtos pon L iG 0 e ponto.

E vírgula podem copiar estas duas linhas de código e colocar depois da função gerar tabela depois de acionar a função gerar.

Tabela e aqui nós precisamos fechar também o Array dados real podem Copiar esta parte dados real P langet iG 0 e ponto e vírgula feito estes ajustes Já podemos.

Partir para a função gerar tabela e dentro da função gerar tabela Primeiro passo é referenciar o corpo da tabela var corpo tabela ela vai ser igual a document p getelement by ID abre e fecha.

Parênteses e abre e fecha aspas duplas dentro dos parênteses e dentro das aspas duplas vai o ID do corpo da tabela então acessem o arquivo relatório P.

Html procura pela tabela localiza a tabela e vocês vão copiar o ID do corpo da tabela copia o ID volta no código e cola dentro das aspas duplas e fecha a linha.

De código com ponto e vírgula prosseguindo eu preciso de duas variáveis uma variável para armazenar o total referente à quantidade e outra variável para armazenar o.

Valor V eu vou chamar esta variável de Total qtd vai ser igual a zer e ponto e vírgula bar esta variável eu vou chamar de Total.

Valor vai ser igual a zero e ponto e vírgula na sequência nós precisamos fazer um laço para percorrer todos os dados e carregar cada linha de Registro para a.

Tabela HTML podem copiar a variável dados e a variável dados P for it for EAC abre e fecha parênteses e dentro dos parênteses.

Veja Também:

    Function abre e fecha parênteses e

    Dentro dos parênteses variável R fora dos parênteses da function abre e fecha Chaves e pressiona enter e depois do último parênteses.

    Podem fechar com ponto e vírgula e dentro desta function primeiro passo é criar um elemento linha bar linha vai ser igual a.

    Document p Create Element abre e fecha parênteses e dentro dos parênteses abre e fecha aspas duplas e dentro das aspas duplas objeto TR e fecha a linha de código com ponto e.

    Vírgula criamos a linha agora nós precisamos criar as colunas então var coluna um vai ser igual a document p Create Element abre e fecha.

    Parênteses e abre e fecha aspas duplas dentro dos parênteses e dentro das aspas duplas objet TD e fecha a linha de código com ponto e vírgula criamos a coluna agora nós.

    Precisamos colocar o texto desta coluna podem copiar a variável coluna 1 coluna 1 ponto text content Tex content vai ser igual a variável R abre e fe fecha.

    Colchetes posição zero e fecha a linha de código com ponto e vírgula para a próxima coluna podem copiar estas duas linhas de código colar logo.

    Abaixo e agora vai ser a coluna 2 coluna 2 que vai receber a informação da coluna um do Ari podem colar novamente coluna.

    3 coluna 3 vai receber a informação da coluna 2 do arway no entanto aqui tem um detalhe nesta coluna eu tenho a quantidade e eu quero formatar esta coluna numérica para.

    O formato brasileiro então depois do

    Sinal de igual eu vou colocar pars float abre e fecha parênteses vocês vão recortar a informação da coluna e colocar dentro.

    Dos parênteses e fora dos parênteses ponto locale string abre e fecha parênteses e abre e fecha aspas dup dentro dos.

    Parênteses e dentro das aspas duplas vocês vão colocar PT tro BR fora das aspas duplas virgula espaço e abre e fecha Chaves e dentro das chaves comando.

    Style sty dois pontos abre e fecha aspas duplas comando decimal fora das aspas duplas vírgula novamente comando.

    Decimal dois pontos abre e fecha aspas duplas e para o Brasil é o formato BRL e fecha a linha de código com ponto e vírgula para a próxima coluna que é a.

    Coluna valor podemos copiar a coluna 3 altera o nome da variável agora vai ser coluna 4 e vai pegar a informação da coluna 3 do arway.

    Dados criamos as colunas agora nós precisamos colocar estas colunas na linha podem copiar a variável linha variável.

    Linha P app shield abre e fecha parênteses e dentro dos parênteses coluna 1 e fecha a linha de código com ponto e vírgula podem Copiar esta linha de.

    Código e agora vai ser a coluna 2 na sequência coluna 3 e por fim vai ser a coluna 4 já temos a linha Já podemos transferir esta linha para o corpo da tabela podem.

    Copiar a variável corpo tabela corpo tabela ponto app shield abre e fecha fecha parênteses e dentro dos parênteses vai a variável linha e fecha a linha de código com.

    Ponto e vírgula e agora nós precisamos somar a quantidade para ir armazenando na variável Total qtd podem copiar a variável e depois do corpo tabela vocês vão colar total que.

    Vai ser igual a par float abre e fecha parênteses e dentro dos parênteses variável Total qtd fora dos parênteses mais par float abre e fecha parênteses e dentro dos.

    Parênteses variável R abre e fecha colchetes coluna 2 e fecha a linha de có com ponto e vírgula para o valor podemos reaproveitar esta linha de.

    Código copia e cola logo abaixo e aí vocês vão pegar a variável Total valor e alterar onde tem Total qtd vocês vão colocar Total valor o valor.

    Na coluna 3 do arway dados beleza Desta forma inserimos todos os registros do relatório na tabela html no entanto tem mais um detalhe eu quero colocar ao final dos registros a.

    Linha de somatória para facilitar nós vamos fazer o seguinte podem copiar des da var linha até corpo tabela copia e aí vocês vão cuidar para colocar.

    Depois que sair do laço antes da última chaves para não restar dúvida Cola deixa eu dar uma ajustada para ficar melhor posicionado e agora nós vamos fazer o.

    Seguinte na coluna 1 eu vou colocar abre e fecha aspas duplas eu vou colocar o total total na coluna 2 apaga a variável r e.

    Vocês vão colocar um underline dentro das aspas duplas e na coluna 3 eu vou alterar onde tem R do para a variável Total qtd ordem copiar e alterar dentro dos parênteses.

    Do pars float mesmo esquema para o valor total copia a variável Total valor e altera dentro dos parênteses da coluna 4 beleza feito este ajuste já vamos ter.

    Uma linha com uma somatória Total mas tem mais um detalhe eu quero colocar também o total referente à quantidade nas dives na div ktd e também na div.

    RS então document p get Element by ID abre e fecha parênteses e abre e fecha aspas duplas dentro dos parênteses e dentro das aspas duplas vai o ID da.

    Div então acessem o arquivo relatório P HTML localiza a div ktd copia o ID volta no código e cola dentro das aspas duplas fora do do parênteses ponto iner.

    HTML vai ser igual e aí pessoal vocês podem Copiar esta parte aqui ó copia e cola depois do sinal D igual não precisa ajustar nada já está correto para div RS podemos reaproveitar.

    Esta linha de código acessa o arquivo relatório P HTML e copia o ID da div copia volta no código e altera dentro das aspas.

    Duplas no entanto eu preciso trocar também a variável agora vai ser a variável Total valor copia e cola dentro dos parênteses colocamos o total referente à.

    Quantidade e valor monetário nas dives agora nós podemos fechar o arway dados Porque nós já utilizamos todas as informações copia a variável dados e bem No final vocês vão colocar dados..

    Langage igual a zer e ponto e vírgula beleza galera fizemos os códigos para carregar os registros na tabela HTML agora tem mais um detalhe eu preciso acionar também o relatório.

    Quando for iniciado o formulário então vocês vão fazer o seguinte copia o nome da função relatório vocês vão procurar pela função iniciar.

    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=mn16UTd0I8c

Postar um comentário

Post a Comment (0)

Postagem Anterior Próxima Postagem