本文实例讲述了JSP+EXt2.0实现分页的方法。分享给大家供大家参考。具体如下:

JavaScript代码:

Ext.onReady(function(){
var sm = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel([ 
  new Ext.grid.RowNumberer(), 
  sm, 
    {header:'编号',dataIndex:'id',sortable:true}, 
    {header:'名称',dataIndex:'name',sortable:true}, 
    {header:'性别',dataIndex:'sex',sortable:true,renderer:function(value){ 
    if(value=='male'){ 
     return " <span style='color:red;font-weight:bold;'>红男 </span> <img src='./img/125.gif'>"; 
    }else{ 
     return " <span style='color:green;font-weight:bold;'>绿女 </span> <img src='./img/123.gif'>"; 
    }
    }}, 
    {header:'描述',dataIndex:'descn',sortable:true} 
  ]); 
  cm.defaultSortable = true; 
  var ds = new Ext.data.Store({ 
    proxy: new Ext.data.HttpProxy({url:'page.jsp'}), 
    reader: new Ext.data.JsonReader({ 
        totalProperty: 'totalProperty', 
        root: 'root'
  }, 
  [ 
    {name: 'id',mapping:'id'}, 
    {name: 'name',mapping:'name'}, 
    {name:'sex',mapping:'sex'}, 
    {name: 'descn',mapping:'descn'} 
  ]), 
  remoteSort:true
  }); 
  var grid = new Ext.grid.GridPanel({ 
  el: 'grid', 
  title:'Ext Grid Test', 
  width:450, 
  height:410, 
  trackMouseOver:false, 
  loadMask: {msg:'正在加载数据,请稍侯……'}, 
  store:ds, 
  cm: cm, 
  sm:sm, 
  bbar: new Ext.PagingToolbar({ 
      pageSize: 5, 
      store: ds, 
      displayInfo: true, 
      displayMsg: '当前显示 {0} - {1}条记录 /共 {2}条记录', 
      emptyMsg: "No topics to display"
    }) 
  }); 
  grid.render(); 
  ds.load({params:{start:0, limit:5}}); 
});

JSP代码:

<%@ page language="java" pageEncoding="UTF-8"%>
<% 
String start = request.getParameter("start"); 
String limit = request.getParameter("limit");
int index = Integer.parseInt(start); 
int pageSize = Integer.parseInt(limit); 
String json = "{totalProperty:100,root:["; 
String sex="";
for (int i = index; i < pageSize + index; i++) { 
if(i%2==0)
{
  sex="male";
}
else{
  sex="female";
}
  json += "{id:" + i + ",name:'" + i + "',sex:'"+sex+"',descn:'descn" + i 
  + "'}"; 
  if (i != pageSize + index - 1) { 
  json += ","; 
  } 
} 
json += "]}"; 
response.getWriter().write(json); 
System.out.print(json); 
%>

希望本文所述对大家的JSP程序设计有所帮助。

标签:
JSP,EXt2.0,分页

免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
桃源资源网 Design By www.nqtax.com

评论“JSP+EXt2.0实现分页的方法”

暂无“JSP+EXt2.0实现分页的方法”评论...

稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!

昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。

这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。

而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?