Olá pessoal,
preciso de ajuda no seguinte problema:
Tenho uma tabela que retorna dados do banco tudo certinho, mas quando eu faço uma pesquisa (uso um script de autocomplete pra buscar dinamicamente à medida que eu digito) ele retorna a minha consulta no banco mas só a primeira coluna. São duas colunas, nome e cpf. No caso a pesquisa é por nome e só retorna o mesmo. Abaixo estão os scripts, se precisarem de mais parte do código para entenderem me avisem e vou editando o tópico.
Script para a busca dinâmica
<script>
$(document).ready(function() {
$('#buscapessoa').keyup(function() {
searchTable($(this).val());
});
});
function searchTable(inputVal) {
var table = $('#pessoa');
var CPFTable = $('.diff');
table.find('tr').each(function(index, row) {
var allCells = $(row).find('td');
if (allCells.length > 0) {
var found = false;
allCells.each(function(index, td) {
var regExp = new RegExp(inputVal, 'i');
if (regExp.test($(td).text())) {
found = true;
return false;
}
});
if (found == true)
$(row).show();
else
$(row).hide();
}
})
}
</script>
Minha tabela com BootStrap
<div class="displayTableFrame">
<display:table class="table dataTable" id="pessoa" export="false"
name="${pessoaList}" size="resultSize"
requestURI="/listaPaciente/${proximaPagina}">
<display:column property="nome" title="Nome do Paciente"
sortable="true" />
<display:column title="CPF">
<display:table class=".diff"
name="${pessoa.listaPessoaTipoDocumento}" size="resultSize"
uid="numeroDocumento" style="text-align:center;">
<display:column property="numeroDocumento" title="" />
</display:table>
</display:column>
<display:column title="Ação">
<c:if test="${proximaPagina == 1}">
<ul class="btn">
<a href="<c:url value="/pessoa/${pessoa.id}/2"/>"> <span
class="btn btn-default btn-acao">Alterar</span>
</a>
</ul>
<ul class="btn">
<a href="<c:url value="/biometria/${pessoa.id}"/>">
<button class="btn btn-default btn-acao"
alt="Clique aqui cadastrar biometria">Biometria</button>
</a>
</ul>
<div class="btn">
<a href="<c:url value="/tratamentos/${pessoa.id}/1"/>">
<button class="btn btn-default btn-acao"
alt="Clique aqui ver os tratametnos do paciente">Tratamentos</button>
</a>
</c:if>
<c:if test="${proximaPagina == 2}">
<form id="tratamentoForm"
action="<c:url value="/listaTratamento"/>" method="POST">
<input type="hidden" name="pessoa.id" value="${pessoa.id}" />
<table>
<tr width="100%">
<td width="30%">
<button class="btn btn-default btn-acao btn-tratamento"
type="submit">Iniciar Tratamento</button>
</td>
</tr>
</table>
</form>
</c:if>
<c:if test="${proximaPagina == 3}">
<form id="tratamentoForm"
action="<c:url value="/listaAplicarMedicamento/1"/>"
method="POST">
<input type="hidden" name="pessoa.id" value="${pessoa.id}" />
<button class="btn btn-default btn-acao"
style="margin: 10px 0px !important;" type="submit">Aplicação</button>
</form>
</c:if>
<c:if test="${proximaPagina == 4}">
<form id="tratamentoForm"
action="<c:url value="/listaEntregaMedicamento/1"/>"
method="POST">
<input type="hidden" name="pessoa.id" value="${pessoa.id}" />
<button class="btn btn-default btn-acao"
style="margin: 10px 0px !important;" type="submit">Entrega</button>
</form>
</c:if>
</div>