GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

Busca por id

php
Tags: #<Tag:0x00007fdbdfacd7b8>

#1

ola galera estou com um problema no meu codigo nao estou conseguindo pergar o ID para fazer a busca
class TabelaAcessoView {
constructor(controller, seletor){
this.controller = controller;
this.tabelaacessos = document.querySelector(seletor);
}

montarTabelaAcesso(acessos){
    const self = this;

    var str=`
    <h2>Tabela de Acesso</h2> 
    <div>  
    <a id='cadastro' class="btn btn-primary" href='#'>CADASTRAR</a>
    <form >
        <label>Pesquise: </label>
        <input type="text" name="nome" placeholder="informe o dados">        
        <input name="busca" type="submit" value="Pesquisar">
     </form>

    <table class="table">
        <thead class="thead-dark">
            <tr>
                <th scope="col">ID</th>
                <th scope="col">Armario</th>
                <th scope="col">Endereco</th>
                <th scope="col" colspan="2">Ação</th>
            </tr>
        </thead>
    ${acessos.map(function(acesso){
        return `
        <tr id=${acesso.idAcesso}>
            <td>${acesso.idAcesso}</td>
            <td>${acesso.armario}</td>
            <td>${acesso.endereco}</td>
            <td><a class="edit btn btn-outline-warning" href="#">Editar</a></td>
            <td><a class="delete btn btn-outline-danger" href="#">Deletar</a></td>
        </tr>
        `;
    }).join("")}
    
    </table>`;

    console.log(str);
    this.tabelaacessos.innerHTML = str;

    const linkCadastro = document.querySelector("#cadastro");
    linkCadastro.addEventListener("click",this.controller.carregaFormularioAcesso.bind(this.controller));
    
    const linksDelete = document.querySelectorAll(".delete");
    for(let linkDelete of linksDelete)
    {
        const idAcesso = linkDelete.parentNode.parentNode.id;
        linkDelete.addEventListener("click",this.controller.deletarAcesso.bind(this.controller, idAcesso));
    }

    const linksEdit = document.querySelectorAll(".edit");
    for(let linkEdit of linksEdit)
    {
        const idAcesso = linkEdit.parentNode.parentNode.id;
        linkEdit.addEventListener("click",this.controller.carregaFormularioIdAcesso.bind(this.controller,idAcesso));
    }
    const linksBuscar = document.querySelectorAll("#busca");
    for(let linkBuscar of linksBuscar)
    {
        const idAcesso = linkBuscar.parentNode.parentNode.id;
        console.log(linksBuscar);
        linkBuscar.addEventListener("click",this.controller.buscarIdAcesso.bind(this.controller, idAcesso));
    }
}

}


#2

Cara, não deu pra entender o teu problema, descreve com mais detalhes o que tu quer aí pra a gente tentar resolver ? :wink: