Ajuda java web!

6 respostas
A

Bom galera, é o seguinte:
tenho uma pagina jsp com Html e JavaScript q busca informações em um bd!
Gostaria de saber como crio uma maneira pra, qd eu buscar essas informações eu possa
ordenar como no windows! basta eu clicar que ele ordena da maneira q o usuario desejar!
Estarei no aguardo
desde já agradeço

esse é o jsp.

<%
    Object done = session.getAttribute("logon.isDone");
       
           if(done==null){
               response.sendRedirect("../login.jsp");
               return;
           }
    Object uservr =  session.getAttribute("uservr");
        if(done.equals("admin")){
            uservr = "true";
        }
        if(uservr.equals("false")){
           response.sendRedirect("../index.jsp");
           return;
        } 

%>

<%@ page import="java.util.*" %>
<%@ page import="pctel.*" %>
<html>
<head>
<title>
Resultado
</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<script type="text/javascript">
var popUpWin=0;
function popUpWindow(URLStr, left, top, width, height)
{
  if(popUpWin)
  {
    if(!popUpWin.closed) popUpWin.close();
  }
  popUpWin = open(URLStr, 'popUpWin', 'toolbar=no,location=no,directories=no,status=no,menub ar=no,scrollbar=no,resizable=no,copyhistory=yes,width='+width+',height='+height+',left='+left+', top='+top+',screenX='+left+',screenY='+top+'');
}
function imp(checked,name){
       	window.open('importante?pa='+name+'&status='+checked+'','_parent');
}
</script>
<body link="#FFFFFF" alink="#FFFFFF" >
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr> 
    <td> 
      <table border="0" align="center" cellpadding="0" cellspacing="0">
        <tr> 
          <td>&nbsp;</td>
        </tr>
        <tr> 
          <td><div align="center"><font color="996c9c" size="3" face="Verdana, Arial, Helvetica, sans-serif"><strong>::.Resultado 
              da Pesquisa.::</strong></font></div></td>
        </tr>
        <tr>
          <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><a href="relatorio"><font color="#000000"><img src="<%=request.getContextPath()%>/componentes/imagens/vnp.gif" alt="Nova Pesquisa" width="109" height="21" border="0"></font></a></td>
              <td><div align="right"><a href="relatorio"><font color="#000000"><img src="<%=request.getContextPath()%>/componentes/imagens/vnp.gif" alt="Nova Pesquisa" width="109" height="21" border="0"></font></a></div></td>
            </tr>
          </table>            </td>
        </tr>
        <tr> 
          <td>&nbsp;</td>
        </tr>
        <tr> 
          <td>
         
          <table width="760" align="center">
              <tr bgcolor="996c9c"> 
                <th bgcolor="996c9c"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">
                    <!--<a href="<%=request.getContextPath()%>/resultado.jsp?coluna=1">-->Importância</a></font></th>
                <th><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">
                    <!--<a href="<%=request.getContextPath()%>/resultado.jsp?coluna=2">-->PA</font></a></th>
                <th><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">
                    <!--<a href="<%=request.getContextPath()%>/resultado.jsp?coluna=3">-->Tipo</font></a></th>
                <th><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">
                    <!--<a href="<%=request.getContextPath()%>resultado.jsp?coluna=4">-->Data da Ligaçao</a></font></th>
                <th bgcolor="996c9c"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">
                    <!--<a href="<%=request.getContextPath()%>/resultado.jsp?coluna=5">-->Hora</font></a></th>
                <th><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">
                    <!--<a href="<%=request.getContextPath()%>/resultado.jsp?coluna=6">-->Duração</font></a></th>
                <th><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">
                    <!--<a href="<%=request.getContextPath()%>/resultado.jsp?coluna=7">-->Telefone</font></th></a>
                <th><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">
                    <!--<a href="<%=request.getContextPath()%>/resultado.jsp?coluna=8">-->Contato</a></font></th>
                <th><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">
                    <!--<a href="<%=request.getContextPath()%>/resultado.jsp?coluna=9">-->Observação</font></a></th>	
                <th><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">
                    <!--<a href="<%=request.getContextPath()%>/resultado.jsp?coluna=10">-->Arquivo</font></a></th>
               <th><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">
                    <!--<a href="<%=request.getContextPath()%>/resultado.jsp?coluna=10">-->Download</font></a></th>
                <th><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">
                    <!--<a href="<%=request.getContextPath()%>/resultado.jsp?coluna=10">-->Excluir</font></a></th>     
              </tr>
              
            <%
            String cor = "ebebeb";
            String ouvida;
            List resultado = (List) session.getAttribute("resultado");
            for (Iterator iter = resultado.iterator(); iter.hasNext(); ) {
            PesquisaVO item = (PesquisaVO) iter.next();
            ouvida = String.valueOf(item.isOuvida());
            %>
              <tr bgcolor="<%=cor%>"> 
                <td align="center"> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"> 
                  <label>
                  <input name="<%=item.getId()%>" type="checkbox" onClick="imp(checked,name)" id="importante" <% if(item.isImportante()==true){%> checked  <% } %> >
                  </label>
                  
                  </font></td>
                <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><%= item.getPa_atendimento() %> </font></div></td>
                <td > <div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"> 
                    <% if (item.getTipo().equals("originada")){%>
                    <img src="<%=request.getContextPath()%>/componentes/imagens/originada.gif" alt="Liga&ccedil;&otilde;es originadas   " width="14" height="19"> 
                    <%}else if(item.getTipo().equals("recebida")){%>
                    <img src="<%=request.getContextPath()%>/componentes/imagens/recebida.gif" alt="Liga&ccedil;&otilde;es recebidas " width="14" height="19"> 
                    <%}else{%>
                    <img src="<%=request.getContextPath()%>/componentes/imagens/naoatendida.gif" alt="Liga&ccedil;&otilde;es n&atilde;o atendidas " width="19" height="19"> 
                    <%} %>  
                    </font></div></td>
                <td><% if(ouvida.equals("false")){%><strong><%}%> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><%= item.getData_lig() %> </font><% if(ouvida.equals("false")){%></strong><%}%> </td>
                <td> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><%= item.getHora() %> </font></td>
                <td> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><%= item.getDuracao() %> </font></td>
                <td> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><%= item.getTelefone() %> </font></td>
                <td> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><%= item.getContato() %> </font></td>
                <!--<td> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><%= item.getObservacao() %> </font></td>-->
                <td> <font size="1" face="Verdana, Arial, Helvetica, sans-serif">
                     
                     <!--<a href="EditarObservacao?observacao=--><%= item.getObservacao() %></a></font></td>
                     
               <td> <font size="1" face="Verdana, Arial, Helvetica, sans-serif">
                     <% if (item.getTipo().equals("originada")){%>
                     <a href="javascript:popUpWindow('pesquisaid?id=<%= item.getId() %>&ouvida=<%=item.isOuvida() %>', 570, 150, 315, 105)" ><img src="<%=request.getContextPath()%>/componentes/imagens/ouvir3.gif" alt="Ouvir Gravação" name="Image6" width="59" height="17" border="0"></a>
                     <%}else if(item.getTipo().equals("recebida")){%>
                     <a href="javascript:popUpWindow('pesquisaid?id=<%= item.getId() %>&ouvida=<%=item.isOuvida() %>', 570, 150, 315, 105)" ><img src="<%=request.getContextPath()%>/componentes/imagens/ouvir3.gif" alt="Ouvir Gravação" name="Image6" width="59" height="17" border="0"></a>
                     <%}else{%>
                     <img src="<%=request.getContextPath()%>/componentes/imagens/ouvir4.gif" alt="Sem Arquivo" width="59" height="17" border="0">
                     <%} %></font></td>
                <td> <font size="1" face="Verdana, Arial, Helvetica, sans-serif">
                     <% if (item.getTipo().equals("originada")){%>
                     <a href="BaixarMp3?id=<%= item.getId() %>" ><img src="<%=request.getContextPath() %>/componentes/imagens/baixar2.gif" alt="Fazer Download" name="Image7" width="59" height="17" border="0"></a>
                     <%}else if(item.getTipo().equals("recebida")){%>
                     <a href="BaixarMp3?id=<%= item.getId() %>" ><img src="<%=request.getContextPath() %>/componentes/imagens/baixar2.gif" alt="Fazer Download" name="Image7" width="59" height="17" border="0"></a>
                     <%}else{%>
                     <img src="<%=request.getContextPath()%>/componentes/imagens/baixar1.gif" alt="Sem Arquivo" width="59" height="17" border="0">
                     <%} %></font></td>
                
               
                                              
               <td> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"> <% if(!item.getArquivo().equals("admin")){
                                            %><a href="ExcluirLigacao?id=<%= item.getId() %>&ouvida=<%=item.isOuvida() %>" onClick="script:return confirm('Deseja excluir a Ligação?\n\nPara Verificar a Exclusão,\nfaça uma Nova Pesquisa!')" ><img src="<%=request.getContextPath() %>/componentes/imagens/excluirlig.gif" alt="Excluir Ligação" name="Image8" width="59" height="17" border="0"><%
                                        }else{
                                            out.print("---");
                                        }%></a></font></td>
                      
            </tr>			
                  <%
            if(cor.equals("ebebeb")){
              cor = "d6c9d7";
            }else{
            cor = "ebebeb";
            }
            }
            %>
            </table></td>
        </tr>
        <tr> 
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><a href="relatorio"><font color="#000000"><img src="<%=request.getContextPath()%>/componentes/imagens/vnp.gif" alt="Nova Pesquisa" width="109" height="21" border="0"></font></a></td>
              <td><div align="right"><a href="relatorio"><font color="#000000"><img src="<%=request.getContextPath()%>/componentes/imagens/vnp.gif" alt="Nova Pesquisa" width="109" height="21" border="0"></font></a></div></td>
            </tr>
          </table>            <a href="relatorio"></a></td>
        </tr>
        <tr>
          <td>&nbsp;</td>
        </tr>
      </table>
      
    </td>
  </tr>
</table>
</body>
</html>

6 Respostas

rafaelglauber

use DisplayTag ou então TableFilter do JQuery.

ps. eu uso TableFilter que é um plugin JQuery ( http://www.jquery.com ), prefiro ele por ser mais simples de utilizar, pelo menos eu acho.

A

Rafael, pra usar o Dyspaly Tag ou TableFilter terei q mudar toda a página?
Eu nunca usei essas opções, tem algum material pra eu ver como funciona?

R

Evite tb colocar tanto código Java no seu JSP (scriptlets).

Use JSTL ou algum framework que te ofereça um bom conjunto de tags…

Ou faça suas próprias tags…

rafaelglauber

Rafael, pra usar o Dyspaly Tag ou TableFilter terei q mudar toda a página?
Eu nunca usei essas opções, tem algum material pra eu ver como funciona?

bem, supondo que queira usar JQuery, veja esse exemplo no próprio site: http://ideamill.synaptrixgroup.com/jquery/tablefilter/tabletest.htm

olhe o código fonte e verá que é bem simples de usar, depois baixe em http://ideamill.synaptrixgroup.com/?page_id=16 e seja feliz! :slight_smile:

A

Rafael, isso é mesmo td q preciso!
Eu tenho q baixar o plugin pra adequar a solução a minha realidade?
E como minha tabela é formada pela busca no bd fica muito dificil eu adequar
pra minha tabela?
A minha duvida é mesmo em saber como usar na minha aplicação, eu sou meio ignorante nesse assunto!
Desde já te agradeço

P

adrianobdb:
Rafael, pra usar o Dyspaly Tag ou TableFilter terei q mudar toda a página?
Eu nunca usei essas opções, tem algum material pra eu ver como funciona?

DisplayTag é um conjunto de taglibs do jsp, e o TableFilter é uma aplicação feita usando biblioteca jQuery que é uma lib de javascript que facilita muito a utilização, outra coisa, evite misturar no seu JSP estrutura com formatação, tente criar um CSS com a parte de formatação !!!

Criado 5 de novembro de 2007
Ultima resposta 5 de nov. de 2007
Respostas 6
Participantes 4