extjs的grid应用（java 使用json绑定数据翻页）

一、首先增加一个jsp页面grid3.jsp

<?xml version="1.0" encoding="UTF-8" ?>

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<!--

-->

</head>

<body>

</div>

</body>

</html>

二、增加一个js grid3.js

/**

* @author fox

Ext.onReady(function(){

Ext.BLANK_IMAGE_URL = 'extjs/resources/images/default/s.gif';

Ext.QuickTips.init();

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'},

{header:'描述',dataIndex:'descn'}

]);

//proxy直接去读取josn数据

var ds = new Ext.data.Store({

proxy: new Ext.data.HttpProxy({url:'gridjson.jsp'}),

reader: new Ext.data.JsonReader({

totalProperty: 'totalProperty',

root: 'root',

successProperty :'success'

}, [

{name: 'id',mapping:'id',type:'int'},

{name: 'name',mapping:'name',type:'string'},

{name: 'descn',mapping:'descn',type:'string'}

])

});

var grid = new Ext.grid.GridPanel({

el: 'grid3',

ds: ds,

sm: sm,

cm: cm,

width:700,

height:280,

bbar: new Ext.PagingToolbar({

pageSize: 10,

store: ds,

displayInfo: true,

displayMsg: '显示第 {0} 条到 {1} 条记录，一共 {2} 条',

emptyMsg: "没有记录"

})

});

//el:指定html元素用于显示grid

grid.render();//渲染表格

ds.load({params:{start:0, limit:10}});

});

三、因为grid3.js里的数据是通过url:'gridjson.jsp'来读取的（实例用jsp比较方便），所以新建一个gridjson.jsp来产生json格式的数据

String start = request.getParameter("start");

String limit = request.getParameter("limit");

try {

int index = Integer.parseInt(start);

int pageSize = Integer.parseInt(limit);

String json = "{totalProperty:100,root:[";

for (int i = index; i < pageSize + index; i++) {

json += "{id:" + i + ",name:'name" + i + "',descn:'descn" + i + "'}";

if (i != pageSize + index - 1) {

json += ",";

}

json += "]}";

response.getWriter().write(json);

} catch(Exception ex) {

}

这样，一个grid就出现了，值得注意的是，在grid.js里的
totalProperty: 'totalProperty',
root: 'root',
需要与gridjson.jsp里的相对应，要不然会出错
totalProperty是所有数据的条数

转载于:https://www.cnblogs.com/fmxyw/archive/2009/04/29/1446437.html

extjs的grid应用（java 使用json绑定数据翻页）相关推荐

Java解析JSON格式数据
Java解析JSON格式的数据主要用到两个类JSONObject和JSONArray,这两个类在json-lib-2.4-jdk15包中,在使用JSONObject时除了需要这个包外还需要相关的依赖包 ...
java 贝塞尔_java贝塞尔曲线翻页效果
我写了一个java版本的实现,在android当中效果也实现了.是一样的,你可以把代码当中提示点和辅助线的都打开,我在源码中都注释掉了 public void DrawBezier(int x[],i ...
java swing表格翻页_让Swing表格支持远程后台数据翻页
TWaver Java不但提供了TTable.TElementTable这些表格组件,而且还提供了表格翻页器TPageNavigator.让表格和翻页器结合工作,可以立刻做出一个非常标准的可翻页的表格 ...
WP8.1开发中复杂JSON绑定数据时的方法
如果要绑定要一个集合中的另一个集合,比如这样的JSON: 1 public class GetTransferInfo 2 { 3 public class Segment 4 { 5 public ...
一个java处理JSON格式数据的通用类(四)
public class DateJsonValueProcessor implements JsonValueProcessor ...{ public static final ...
一个java处理JSON格式数据的通用类(三)
/** *//** * 从json数组中解析出java Integer型对象数组 * @param jsonString * @return */ ...
万字长文！java读取json文件数据给对象
Java基础核心笔记总结由于篇幅限制,我就只以截图展示目录内容以及部分笔记内容,获取完整版王者级核心宝典只需要点击点赞+关注即可获取领取方式! 在这个部分我们总结了Java的基础知识,涵盖了:概述. ...
一个java处理JSON格式数据的通用类(五)
本来上面转载的文章已经很全面了,不过还是再补充一下吧 /***************************************************************** * * @ ...
Java将JSON字符串数据转CSV文件保存
引入依赖 <dependency><groupId>org.json</groupId><artifactId>json</artifactId& ...
MVC+JSON 无限滚动翻页
public partial class News{public int ID{ get; set; }public int Title{ get; set; }} ///控制器返回JSON 格式化 ...

extjs的grid应用（java 使用json绑定数据翻页）

extjs的grid应用（java 使用json绑定数据翻页）相关推荐

最新文章

热门文章

extjs的grid应用（java 使用json绑定数据 翻页）

extjs的grid应用（java 使用json绑定数据 翻页）相关推荐

最新文章

热门文章

extjs的grid应用（java 使用json绑定数据翻页）

extjs的grid应用（java 使用json绑定数据翻页）相关推荐