Prezados,
Tenho que fazer uma página de pesquisa com filtros e um botão de pesquisa que ao ser clicado, deve fazer a busca e reenderizar apenas o DIV do resultado. Setei o TARGET para o div do resultado, mas quando mando pesquisar, minha página mostra uma cópia inteira de si mesma (banners, filtros, resultado) dentro do DIV.
Eu queria que apenas o DIV de resultado fosse reenderizado. Como fazer? Estou usando o lugin JQueryFrom para fazer o submit da página.
Declarção do AJAX
<script>
$(document).ready(function() {
$("#formPesquisar").submit(function() {
var options = {
target:"#divResultado",
url: "http://localhost:8081/sniper/estabelecimento/pesquisar.action"
}
$(this).ajaxSubmit(options);
return false;
});
})
</script>
Página
<s:form id="formPesquisar" theme="simple" class="formulario" method="POST">
...
<input id="btTeste" type="submit" value="teste" >
...
<div id="divResultado" class="quadro_conteudo" >
<table id="tableResultado" summary="Resultado da Pesquisa" class="tablesorter">
<thead>
<tr>
<th style="text-align:center;">
<input id="checkTodos" type="checkbox" title="Marca/Desmarcar todos" />
</th>
<th scope="col">Nome</th>
<th scope="col">Nome Fantasia</th>
</tr>
</thead>
<tbody>
<s:iterator value="entityList">
<s:url id="urlEditar" action="editar"><s:param name="id" value="%{id}"/></s:url>
<tr>
<td style="text-align:center;"><s:checkbox id="checkSelecionado" name="selecionados" theme="simple" fieldValue="%{id}"></s:checkbox></td>
<td> <s:a href="%{urlEditar}"><s:property value="nome"/></s:a></td>
<td> <s:a href="%{urlEditar}"><s:property value="nomeFantasia"/></s:a></td>
</tr>
</s:iterator>
</tbody>
</table>
<div id="pager" class="pager">
<form>
<img src="<%=request.getContextPath()%>/plugins/jquery/tablesorter/addons/pager/icons/first.png" class="first"/>
<img src="<%=request.getContextPath()%>/plugins/jquery/tablesorter/addons/pager/icons/prev.png" class="prev"/>
<input type="text" class="pagedisplay"/>
<img src="<%=request.getContextPath()%>/plugins/jquery/tablesorter/addons/pager/icons/next.png" class="next"/>
<img src="<%=request.getContextPath()%>/plugins/jquery/tablesorter/addons/pager/icons/last.png" class="last"/>
<select class="pagesize">
<option selected="selected" value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
<option value="<s:property value="totalRegistros"/>">todos</option>
</select>
<s:label>Total de registros: <s:property value="totalRegistros"/></s:label>
</form>
</div>
<br/>
</div>
Obrigado!