bigpage(对内存中的数据进行分页)

注:该程序是将后台的数据一次性加载到页面内存中,再对内在中的数据进行分页

下载bigpage2.1.1-demo-swidget文件,并将相应的js,css,images添加到项目中

jsp页面中的关键代码:

<script type="text/javascript" src="js/jquery-1.6.1.js"></script>
<script type="text/javascript" src="js/jquery.bigpage.js"></script>
<script type="text/javascript">
  var temp = setTimeout("fileData()",500);   //根据本项目需求,在页面加载500毫秒后自动执行下面语句(不同项目可以根据自己的项目需求调整)
  var data_ = null;
  function fileData(){
    $.getJSON("http://****:8888/weblog/home/historyTest",function(json){
      alert(json[0]);
      data_ = new Array(json.length);
      alert(data_.length);
      for(var i = 0; i < json.length; i ++){
      data_[i] = json[i];
    }

    $("#dd").bigPage({data:data_,position:"both"});
});

}
</script>

</head>

<body>

<div style="width:95%" align="center" >
<table id="dd" class="tb1" cellSpacing=0 cellPadding=2 width="100%" align="right" border=0>
<thead>
<tr>
<th width="700px">问题频率排序</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>

</body>

该项目中List添加的是String类型,所以对jquery.bigpage.js做以下修改:

注:$.bigPage.addCssWidget();可以根据自己项目需求做出灵活的改动

//添加渲染table内容
$.bigPage.addCssWidget({
  id:"appendToTable",
  format :function($table){
    var subData = $table.getSubData();
    var $tBody = $table.find("tbody:first");
    var trsArray = [];
    for(var i=0;i<subData.length;i++){
      var cellVaues = subData[i];
      //alert("subData[" + i +"]:" + subData[i]);
      trsArray.push("<tr><td>");
      trsArray.push(subData[i]);
      trsArray.push("</td></tr>");
      // var trArray =[];
      // trArray.push("<tr>");
      // for(var j=0;j<cellVaues.length;j++){
        // alert("cellVaues[" + j +"]:" + cellVaues[j]);
        // trArray.push("<td>");
        // trArray.push(cellVaues[j]);
        // trArray.push("</td>");
      // }
    // trArray.push("</tr>");
    // trsArray.push(trArray.join(""));
  }

  alert("trsArray:" + trsArray[0]);
  $tBody.html(trsArray.join(""));
}

 

Struts2中action:

package com.iengine.action;

import java.io.IOException;
import java.util.ArrayList;

import javax.servlet.http.HttpServletResponse;

import net.sf.json.JSONArray;

import org.apache.struts2.ServletActionContext;

import analyser.HighRateQuestion;
import analyser.TextFormalize;

import com.iengine.util.Constants;
import com.opensymphony.xwork2.ActionSupport;

public class HistoryTestAction extends ActionSupport{

  private static final long serialVersionUID = 6234200825777300798L;

  private ArrayList<String> result = new ArrayList<String>();

  public String history(){
    HttpServletResponse response = ServletActionContext.getResponse();
    response.setContentType("text/html; charset=utf-8");
    response.setHeader("pragma", "no-cache");
    response.setHeader("cache-control", "no-cache");
    TextFormalize.textFormativeTotal(Constants.configPath + "originalTemp",Constants.configPath + "formal/total.txt");
    result=HighRateQuestion.questionFirstRoundSort(Constants.configPath + "formal/total.txt",2);
    JSONArray jsonArray = JSONArray.fromObject(result);
    try {
      response.getWriter().print(jsonArray);
      response.getWriter().close();
    } catch (IOException e) {
      e.printStackTrace();
    }
    System.out.println(result);
    return null;
  }

  public ArrayList<String> getResult() {
    return result;
  }

  public void setResult(ArrayList<String> result) {
    this.result = result;
  }
}

效果图:

posted @ 2012-08-14 20:07  Brin Page  阅读(1377)  评论(0编辑  收藏  举报