[Python] Como eu trato uma tabela em html como se fosse um formulário

Discussão em 'Python' iniciado por Stack, Dezembro 22, 2024.

  1. Stack

    Stack Membro Participativo

    Estou desenvolvendo em django uma aplicação para pesquisa processual e ela seria feita com base em planilhas excel. Eu achei na internet tutoriais para selecionar as linhas da tabela, entretanto, não sei como desenvolver um botão com uma função que envie as linhas selecionadas como listas em Python para realizar a busca.

    o HTML esta bem simples e a função javascript copiei de um tutorial da internet:


    var tabela = document.getElementById("minhaTabela");
    var linhas = tabela.getElementsByTagName("tr");

    for(var i = 0; i < linhas.length; i++){
    var linha = linhas;
    linha.addEventListener("click", function(){

    selLinha(this, true);
    });
    }


    function selLinha(linha, multiplos){
    if(!multiplos){
    var linhas = linha.parentElement.getElementsByTagName("tr");
    for(var i = 0; i < linhas.length; i++){
    var linha_ = linhas;
    linha_.classList.remove("selecionado");
    }
    }
    linha.classList.toggle("selecionado");
    }


    var btnVisualizar = document.getElementById("visualizarDados");

    btnVisualizar.addEventListener("click", function(){
    var selecionados = tabela.getElementsByClassName("selecionado");
    //Verificar se eestá selecionado
    if(selecionados.length < 1){
    alert("Selecione pelo menos uma linha");
    return false;
    }

    var dados = "";

    for(var i = 0; i < selecionados.length; i++){
    var selecionado = selecionados;
    selecionado = selecionado.getElementsByTagName("td");
    dados += "CNPJ: " + selecionado[0].innerHTML + " - RAZÃO SOCIAL: " + selecionado[1].innerHTML + " - NOME FANTASIA: " + selecionado[2].innerHTML + "\n";
    }

    alert(dados);
    });

    {% load static %}
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="{% static 'css/banco.css' %}">
    </head>
    <body>
    <button id="visualizarDados">Visualizar Dados</button>

    <table border="1" class="dataframe" id="minhaTabela">
    <thead>
    <tr style="text-align: right;">
    <th></th>
    <th>CNPJ</th>
    <th>RazaoSocial</th>
    <th>NomeFantasia</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <th>0</th>
    <td>00000000000</td>
    <td>xxxxxxxxxxxxx S/A</td>
    <td>xxxxxxxxxxx</td>
    </tr>
    <tr>
    <th>1</th>
    <td>111111111111</td>
    <td>yyyyyyyyyyyy S/A</td>
    <td>yyyyyyyyyyyyyy</td>
    </tr>
    </tbody>
    </table>


    <script src="https://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="{% static 'js/banco.js' %}" async> </script>
    </body>
    </html>

    Só que ao invés de enviar o alerta na tela, gostaria de receber essas como se os itens selecionados na tabela fossem um formulário. Não sei se isso é possível, porém não entendo praticamente nada de Javascript e não consegui achar esse tipo de informação na internet.

    Continue reading...

Compartilhe esta Página