Arquivo Discussoes de Programacao e Tecnologia Bom dia, tudo bem?
Estou com uma dúvida em um projeto que é antigo, porém tem
que ser feito algumas alterações. Gostaria de saber uma forma
de dar um refresh em uma tabela JavaScript a cada 10 segundos e
fazer a paginação dessa mesma tabela.
Desde ja agradeço.
Como assim refresh de uma tabela em javascript?
Vc quer por um refresh na tela usando JavaScript :?:
ñ entendi!
crie uma pagina jsp que terá somente o código da construção da tabela.
faça uma requisição ajax. No servidor recupere os dados que você queira listar, e direcione a resposta para a página que só tem a tabela. Neste ponto você terá a tabela montada em html. Este html gerado pelo servidor você pode pegar no objeto que fez a requisição ajax.
crie um DIV na página principal. Depois é só colocar o html retornado pelo servidor como conteúdo do DIV.
meuDiv.innerHTML = xmlHttp.responseText;
configure o javascript para chamar esta funcão que atualiza a tabela a cada 10 segundos…
confuso?
Bom tentarei ser mais epecifico.
O JSP recebe uma List e com o JavaScript monto uma tabela.
function resultadoDelete(dados,tipo) {
listaChamadas = dados;
if (tipo == 1){
DWRUtil.removeAllRows(“tabelaFixo”);
var tabela = document.getElementById(“tabelaFixo”);
}else{
DWRUtil.removeAllRows(“tabelaCel”);
var tabela = document.getElementById(“tabelaCel”);
}
var indiceFor = 0;
var indice = 0;
for(i = indiceFor ; i < dados.length ; i++) {
indice = i + 1;
var row = document.createElement("tr");
row.style.backgroundColor = "#f2f6f5";
var td1 = document.createElement("td");
td1.className = "campo";
td1.style.textAlign = "center";
td1.width = "150px";
var td2 = document.createElement("td");
td2.className = "campo";
td2.style.textAlign = "center";
td2.width = "150px";
var td3 = document.createElement("td");
td3.className = "campo";
td3.style.textAlign = "center";
td3.width = "150px";
var td4 = document.createElement("td");
td4.className = "campo";
td4.style.textAlign = "center";
td4.width = "150px";
var td5 = document.createElement("td");
td5.className = "campo";
td5.style.textAlign = "center";
td5.width = "150px";
var link1 = document.createElement("a");
link1.href = "javascript:reproduzChamada(" + dados[i].senha +")";
var link2 = document.createElement("a");
link2.href = "javascript:deletar(" + dados[i].radio + ", " + dados[i].nrSorteio + ", " + dados[i].senha + ", " + dados[i].caixa + ", "+ tipo +")";
link1.innerHTML = dados[i].assinante;
link1.style.color = "black";
link2.innerHTML = "Apagar";
link2.style.color = "black";
td1.appendChild(link1);
td2.appendChild(document.createTextNode(dados[i].dataIniString));
td3.appendChild(document.createTextNode(dados[i].dataFimString));
td4.appendChild(document.createTextNode(dados[i].duracaoString));
td5.appendChild(link2);
row.appendChild(td1);
row.appendChild(td2);
row.appendChild(td3);
row.appendChild(td4);
row.appendChild(td5);
row.style.width = "100%";
tabela.appendChild(row);
if(indice % 10 == 0) {
// break;
}
}
}
Bom é somente um exemplo, para remontar a tabela com JavaScript
para ser mais dinamica a tabela, gostaria de dar um refresh refazendo
o SELECT, mas tenho uma vaga idéia de como fazer, gostaria
de uma mão na paginação.