Como a quantidade de dados retornados pela consulta é grande, mais de 100.000 dados, a função de consulta da página precisa ser otimizada. Abandone a prática de usar o DataGrid no programa original e escreva você mesmo o módulo de exibição de paginação.
Primeiro adicione alguns DIVs à página:
<div id="div_trackpoint" style=" border:solid 1px grey; height:230px; width:99%; overflow-y:auto;">Usado para exibir os dados retornados pela consulta</div>
<div id="div_trackpages" style=" height:15px; width:99%; font-size:8pt; word-break:break-all; word-wrap: break-word;">Número da página usada para exibir a paginação< /div><br />
<div id="div_trackpagetab" style=" height:15px; width:99%; font-size:8pt; text-align:center;">Usado para exibir a página anterior, próxima página,..., página inicial, Última página e outros botões de controle</div>
<div id="div_trackpage_status" style=" height:20px; width:99%; font-size:8pt; text-align:center;">Usado para exibir o número da página atual</div>
implementa o cliente função de paginação:
var CurPage=0; //Página atual
var TotalPage=0; //Número total de páginas
var PageTab=7; //O número de páginas exibidas em cada grupo
var CurTab=0; //agrupamento atual
Meu programa está configurado para exibir 50 dados por página e 7 páginas por grupo. Eles podem ser ajustados conforme necessário.
A função TurnTab é usada para alternar grupos e calcular qual grupo de páginas exibir com base no valor passado. val=1 significa mudar para o próximo grupo, val=-1 significa mudar para o grupo anterior, 0 significa mudar para o primeiro grupo e -2 significa mudar para o último grupo. Os usuários trocam de grupo clicando no símbolo ... na página.
função TurnTab(val)
{
var nPágina = 0;
se (val == 1) {
CurTab++;
nPágina = (CurTab - 1) * PageTab + 1;
}
senão if (val == -1) {
CurTab--;
nPágina = (CurTab - 1) * PageTab + 1;
}
senão if (val == 0) {
CurTab = 1;
nPágina = 1;
}
senão if (val == -2) {
CurTab = Math.floor(TotalPage / PageTab) + 1;
nPágina = (CurTab - 1) * PageTab + 1;
}
var carinfo = document.getElementById("div_trackpages");
var tabinfo = document.getElementById("div_trackpagetab");
var strInner = "";
strInner += "<a href="javascript:TurnPage(1)">Página inicial</a> ";
strInner += "<a href="javascript:PreviousPage()">Página anterior</a> ";
strInner += "Total" + TotalPage + "Página ";
strInner += "<a href="javascript:NextPage()">Próxima página</a> ";
strInner += "<a href="javascript:TurnPage(" + TotalPage + ")">Última página</a> ";
tabinfo.innerHTML = strInner;
strInner = "";
if (CurTab > 1) strInner += "<a href="javascript:TurnTab(-1)">...</a> ";
for ( ; nPage<=CurTab*PageTab; nPage++) {
if (nPágina <= TotalPágina) {
strInner += "<a href="javascript:TurnPage("+ nPage + ")">"+nPage+"</a> "
}
}
if (nPage < TotalPage) strInner += "<a href="javascript:TurnTab(1)">...</a> ";
carinfo.innerHTML = strInner;
}
A função TurnPage é usada para alternar a paginação, val representa o número de páginas a serem alternadas e o intervalo de consulta é gerado com base no número de páginas a serem exibidas, como consultar os primeiros 50 registros, os registros de 51 a 100, e os registros de 101 a 150. . .
cscCustomAnalyst é uma função de chamada assíncrona e o código para implementação da função será postado abaixo. "Method", "SID", "TIME1", "TIME2", "ROW1", "ROW2" são todos parâmetros necessários para executar a consulta. O método é usado para determinar qual consulta executar, "ROW1", "ROW2" significa. A faixa de registros a serem consultados e outros parâmetros podem ser ajustados de acordo com as necessidades reais. ShowCarTrack(val) é uma função que processa os resultados da consulta. Os resultados obtidos após a conclusão da chamada assíncrona serão analisados, processados e exibidos nesta função. Esta parte do código é escrita de acordo com a implementação específica, então não vou listá-la aqui.
função TurnPage(val)
{
if (Número(val) != CurPage) {
CurPage = Número(val);
var linha1 = String((CurPage - 1) * 50 + 1);
var linha2 = String(CurPage * 50);
var trackinfo = document.getElementById("div_trackpoint");
trackinfo.innerHTML = "Obtendo dados, aguarde...";
_cscCustomAnalyst(["Método", "SID", "TEMPO1", "TEMPO2", "LINHA1", "LINHA2"],
["GetCarTrack",, "80100117", t1, t2, linha1, linha2],
ShowCarTrack,onQueryError);
if (CurPage == 1) TurnTab(0);
if (CurPage == TotalPage) TurnTab(-2);
var statusinfo = document.getElementById("div_trackpage_status");
statusinfo.innerHTML = "Página" + CurPage + "Página";
}
}
NextPage alterna para a próxima página e chama TurnPage para implementá-la. Se a próxima página exceder o grupo atual, ela deverá alternar para o próximo grupo.
funçãoPróximaPágina()
{
if (CurPage <TotalPage) {
TurnPage(CurPage+1);
if ((CurPage + 1) > (CurTab * PageTab)) {
TurnTab(1);
}
}
}
PreviousPage alterna para a página anterior e chama TurnPage para implementá-la. Se a página anterior exceder o grupo atual, ela deverá alternar para o grupo anterior.
função Página Anterior()
{
if (CurPage > 1) {
TurnPage(CurPage-1);
if ((CurPage - 1) <= ((CurTab - 1) * PageTab)) {
TurnTab(-1);
}
}
}
_cscCustomAnalyst é uma função de chamada assíncrona, xhr.open("post","MapQuery.ashx", true); Este parágrafo significa enviar a solicitação para a página MapQuery.ashx. Todas as operações do banco de dados de segmento de servidor são executadas em MapQuery.ashx.
função _cscCustomAnalyst(paramNames, paramValues, onComplete, onError){
var xhr=_GetXmlHttpRequest();
xhr.open("post","MapQuery.ashx", true);
xhr.setRequestHeader("Tipo de conteúdo", "aplicativo/x-www-form-urlencoded");
xhr.onreadystatechange=function(){
var readyState=xhr.readyState;
if (prontoEstado==4){
var status=xhr.status;
if(status==200){
var conjunto de resultados = xhr.responseText;
if(conjunto de resultados == nulo){
onComplete(nulo);
retornar;
}
if(onComplete){
onComplete(conjunto de resultados);
conjunto de resultados = nulo;
}
}
outro{
if(onError){
onError(xhr.responseText);
}
}
xhr.onreadystatechange = function(){};
xhr = nulo;
}
};
var paramString=nulo;
if(paramNomes&¶mNomes.length>0){
var params = new Array();
while(paramNames&¶mNames.length>0)
{
params.push(paramNames.shift()+"="+_ToJSON(paramValues.shift()));
}
paramString = params.join("&");
}
xhr.send(paramString);
};
Por fim, liste uma instrução Oracle SQL que consulta por faixa de quantidade: (consulta os primeiros 50 registros)
SELECIONE *
FROM (SELECT /*+ FULL(nometabela)*/ nomecampo, ROWNUM rn FROM nometabela WHERE condição AND ROWNUM <= 50 ORDER BY campo DESC) t2 onde t2.rn >= 1;