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));
}
}
}