Olá! Estou desenvolvendo um projeto com o javascript e html, no caso estou usando electron, node, express com o mysql
Já consigo exibir uma tabela com os dados de determinada tabela do banco de dados, mas queria saber se é possivel colocar um campo de input text e a tabela ir atualizando a cada tecla que digito ou apago, como um filtro de exibição ..
se possível, como é feito? obrigado desde já!
Fala ai Mario, tudo bem? Sim, isso é possível, precisa implementar essa funcionalidade.
A ideia seria você adicionar um listener no inout para ouvir o evento change.
A cada mudança poderia pegar o novo valor do campo e realizar o filtro em algum array.
Algo mais ou menos assim:
const itens = [1,2,3]
const field = document.getElementById('id-do-input')
field.addEventListener('change', e => {
const newValue = e.target.value
const newItens = itens.filter(item => item !== newValue)
// atualiza a tabela com o novo newItens
})Dessa maneira, ao digitar 2 no campo, o resultado do filter seria um array com apenas o 1 e 3.
É legal você adicionar um debounce para que o filtro não fique ocorrendo a todo momento, isso vai economizar processamento:
https://blog.matheuscastiglioni.com.br/previnindo-multiplas-requisicoes-com-debounce/
Espero ter ajudado.