Ordenar os campos de uma Tabela (JSP)
Bom dia pessoa!!!
Sei que existe topicos falando do assunto aqui no forum, mas nao achei a soluçaõ para o meu problema em nenhum. Tenho uma tabela em uma pagina JSP que recebe valores do banco de dados, e gostaria de organizar os dados dessa tabela de acordo com o link que eu clicasse. Ja vi varias paginas que fazem isso, alguns plugins jQuery como js-tablesort.js, sorttable.js, mas nenhum funciona na minha pagina. Com dados estaticos funciona que e uma beleza, mas nao funciona com os dados vindos do banco. Eu importo algumas paginas para minha pagina com o <@ include ...>. A pergunta e o seguinte: Como eu faço para que estes plugins funcione na minha pagina? Estes plugins funciona com paginas dinamicas?
Meu codigo:
<%@ page session="true" import="java.util.,java.text.,java.sql.,br.com.gpa.utils.,br.com.gpa.net.*,br.c
om.gpa.database.*" %>
<%@ include file="../../utils/include.jsp" %>
<%/*
if(!global.get("usuario.logado").equals("true")){
global.put("mensagem","Acesso Negado!\\nÉ necessário logar no Sistema.");
response.sendRedirect("/gpa/index.jsp");
return;
}
if(telas.get(request.getRequestURI()) == null){
global.put("mensagem","Acesso Negado!\\nSem permissão para acessar a tela.");
response.sendRedirect("/gpa/index.jsp");
return;
}
*/
String data1 = (request.getParameter("inicio")!=null?request.getParameter("inicio"):"");
String data2 = (request.getParameter("fim")!=null?request.getParameter("fim"):"");
%>
<%@ include file="../../index_topo.jsp" %>
<script language="JavaScript" src="/gpa/calendario/calendar1.js"></script>
<script type="text/javascript" src="/gpa/jQuery/tablesorter/jquery-latest.js"></script>
<script type="text/javascript" src="/gpa/jQuery/tablesorter/jquery.tablesorter.js"></script>
<script>
$(document).ready(function(){
$("#order")
.tablesorter({sortList:[[0,0], [1,0]]})
})
</script>
<script language="javascript">
function pesquisar(){
if (document.form1.inicio.value==""){
alert("Informe a data inicial");
return;
}
if(document.form1.fim.value==""){
alert("Informe a data final");
return;
}
document.form1.submit();
}
</script>
<table width="880" class="tela" align="center" cellpadding="0" cellspacing="0">
<tr class="titulo_tela">
<td height="24" width="800"> Relatorio de veiculos no patio, liberados e nao liberados para venda</td>
<td width="107" height="24"><%=idTela%></td>
</tr>
<tr>
<td colspan="2" align="center" valign="top">
<!-------------------------------------------------------------------------------------->
<form name="form1" method="post" action="../../../gpa/gerenciamentos_salvados/relat_salvados_nao_liberados.jsp" >
<table width="880" cellpadding="1" cellspacing="1" class="texto_normal" id="order">
<thead>
<tr>
<td colspan="9">Periodo
<input type="Text" name="inicio" value="<%= data1%>" size="12" align="left">
<a href="java script:cal1.popup();"><img src="/gpa/calendario/img/cal.gif" width="16" height="16" border="0" alt="Clique aqui para alterar a data" onClick="habilitaCampo(document.form1.inicio);"></a>
a
<input type="Text" name="fim" value="<%= data2%>" size="12" align="left">
<a href="java script:cal2.popup();"><img src="/gpa/calendario/img/cal.gif" width="16" height="16" border="0" alt="Clique aqui para alterar a data" onClick="habilitaCampo(document.form1.fim);"></a>
<script>
var cal1 = new calendar1(document.forms['form1'].elements['inicio']);
cal1.year_scroll = true;
cal1.time_comp = false;
var cal2 = new calendar1(document.forms['form1'].elements['fim']);
cal2.year_scroll = true;
cal2.time_comp = false;
</script>
<input type="button" name="search" value=" Pesquisar " onclick="pesquisar()" />
Clique no nº do evento para definir o valor de venda do veiculo</td>
</tr>
<tr bgcolor="#AAAAAA">
<th width="73">Evento</th>
<th width="79">Placa</th>
<th width="163">Marca</th>
<th width="247">Modelo</th>
<th width="91">Cod-Fipe</th>
<th width="105">Data-Venda</th>
<th width="98">Valor</th>
</tr>
</thead>
<%
String evento = "";
String placa = "";
String marca = "";
String modelo = "";
String cod_fipe = "";
String data_venda = "";
String valor = "";
String cor = "";
int num = 1;
int i = 0;
int cores = 0;
if (!data1.equals("") && !data2.equals("")){
DecimalFormat df = new DecimalFormat("#,##0.00");
Connection conn = new Conexao().getConexao(global.get("empresa.server"),global.get("empresa.db"));
Statement st = conn.createStatement();
ResultSet rs = null;
String query = "select v.sinistro, v.vendido, s.placa, s.codmodelo,a.modveic, m.marca, s.codfipe, vv.data_venda, vv.valor_venda ";
query += "FROM tbl_veiculo_patio v left join tbl_sinistro_sco s on (v.sinistro = s.nrsinistro) ";
query += "left join tbl_automoveis a on (s.codmodelo = a.nrmodelo) ";
query += "left join tbl_marca m on (m.nrmarca = a.nrmarca) ";
query += "left join tbl_veiculo_vendido vv on (v.sinistro = vv.evento) ";
query +="where v.vendido = 'F' and vv.data_venda between '"+Texto.dataToUS(data1)+"' and '"+Texto.dataToUS(data2)+"' ";
System.out.println(query);
rs = st.executeQuery(query);
while (rs.next()){
System.out.println(query);
evento = rs.getString("sinistro");
placa = rs.getString("placa");
marca = rs.getString("marca");
modelo = rs.getString("modveic");
cod_fipe = rs.getString("codfipe");
data_venda = Texto.dataToBR(rs.getDate("data_venda"));
valor = rs.getString("valor_venda");
if(num % 2 == 1) {
cor = "#DDDDDD";
} else {
cor = "#AAAAAA";
}
%>
<tbody>
<tr bgcolor=<%= cor%>>
<td width="73"><%= evento%></td>
<td width="79" align="center"><%= placa%></td>
<td width="163"><%= marca%></td>
<td width="247"><%= modelo%></td>
<td width="91"><%= cod_fipe%></td>
<td width="105"><%= data_venda%></td>
<td width="98">R$ <%= valor%></td>
</tr>
</tbody>
<%
num = num + 1;
}
if (num<=1){
%><tr><td colspan="8">Sem veiculos no patio para este periodo</td></tr><%
}
}
%>
</table>
</form>
</td>
</tr>
</table>Discussão (1)
Carregando comentários...