<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> <head>
<meta http-equiv="Content-Type" c>
<title>Editor Grid Example</title>
<link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css" /> <!-- GC -->
<!-- LIBS -->
<script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
<!-- ENDLIBS --> <script type="text/javascript" src="../ext/ext-all.js"></script>
<link rel="stylesheet" type="text/css" href="../ext/examples/grid/grid-examples.css" /><!-- Common Styles for the examples -->
<link rel="stylesheet" type="text/css" href="../ext/examples/shared/examples.css" />
<script type="text/javascript">
Ext.onReady(function(){
var paragraphClicked = function(e) {
//Ext.get(e.target).highlight();
var paragraph = Ext.get(e.target);
paragraph.highlight();
Ext.MessageBox.show({
title: '',
msg: paragraph.dom.innerHTML,
width:400,
buttons:Ext.MessageBox.OK, animEl: paragraph }); }
Ext.select('td').on('click', paragraphClicked);
// create the Data Store
var store = new Ext.data.Store({
// load using HTTP
url: '../typeXml/chunjie.xml', // the return will be XML, so lets set up a reader
reader: new Ext.data.XmlReader({
// records will have an "Item" tag
record: 'SystemTemplate',
id: 'TemplateID',
totalRecords: 'results'
}, [
{name:'TemplateCategory',mapping:'TemplateCategory'},
'TemplateTitle','TemplateContent','TemplateSendTime'
])
}); // create the grid
var grid = new Ext.grid.GridPanel({
store: store,
trackMouseOver:false,
disableSelection:true,
// loadMask: true,
columns: [
{header: "祝福类型", width: 100, dataIndex: 'TemplateCategory', sortable:true},
// {header: "标题", width: 180, dataIndex: 'TemplateTitle', sortable: true},
{header: "祝福内容", width: 900, dataIndex: 'TemplateContent', sortable: true}
// {header: "TemplateSendTime", width: 100, dataIndex: 'TemplateSendTime', sortable: true}
],
renderTo:'example-grid',
width:1180,
sm:new Ext.grid.CheckboxSelectionModel(),
height:500,
// style:'float:left;margin:25px;font:normal 22px tahoma, arial, sans-serif, 宋体;',
listeners:{ rowclick:function(trid,rowIndex,e){//行单击事件
var paragraph = Ext.get(e.target);
paragraph.highlight();
Ext.MessageBox.show({
title: '',
msg: paragraph.dom.innerHTML,
width:400,
buttons:Ext.MessageBox.OK, animEl: paragraph });
} },
bbar: new Ext.PagingToolbar({
pageSize: 10,
store: store,
displayInfo: true,
displayMsg: '第{0} 到 {1} 条数据 共{2}条',
emptyMsg: "没有数据"
})
});
grid.render();
store.load({params:{start:0, limit:10}});
});
</script>
</head>
<body><div id="example-grid"></div>
</body>
</html>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> <head>
<meta http-equiv="Content-Type" c>
<title>Editor Grid Example</title>
<link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css" /> <!-- GC -->
<!-- LIBS -->
<script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
<!-- ENDLIBS --> <script type="text/javascript" src="../ext/ext-all.js"></script>
<link rel="stylesheet" type="text/css" href="../ext/examples/grid/grid-examples.css" /><!-- Common Styles for the examples -->
<link rel="stylesheet" type="text/css" href="../ext/examples/shared/examples.css" />
<script type="text/javascript">
Ext.onReady(function(){
var paragraphClicked = function(e) {
//Ext.get(e.target).highlight();
var paragraph = Ext.get(e.target);
paragraph.highlight();
Ext.MessageBox.show({
title: '',
msg: paragraph.dom.innerHTML,
width:400,
buttons:Ext.MessageBox.OK, animEl: paragraph }); }
Ext.select('td').on('click', paragraphClicked);
// create the Data Store
var store = new Ext.data.Store({
// load using HTTP
url: '../typeXml/chunjie.xml', // the return will be XML, so lets set up a reader
reader: new Ext.data.XmlReader({
// records will have an "Item" tag
record: 'SystemTemplate',
id: 'TemplateID',
totalRecords: 'results'
}, [
{name:'TemplateCategory',mapping:'TemplateCategory'},
'TemplateTitle','TemplateContent','TemplateSendTime'
])
}); // create the grid
var grid = new Ext.grid.GridPanel({
store: store,
trackMouseOver:false,
disableSelection:true,
// loadMask: true,
columns: [
{header: "祝福类型", width: 100, dataIndex: 'TemplateCategory', sortable:true},
// {header: "标题", width: 180, dataIndex: 'TemplateTitle', sortable: true},
{header: "祝福内容", width: 900, dataIndex: 'TemplateContent', sortable: true}
// {header: "TemplateSendTime", width: 100, dataIndex: 'TemplateSendTime', sortable: true}
],
renderTo:'example-grid',
width:1180,
sm:new Ext.grid.CheckboxSelectionModel(),
height:500,
// style:'float:left;margin:25px;font:normal 22px tahoma, arial, sans-serif, 宋体;',
listeners:{ rowclick:function(trid,rowIndex,e){//行单击事件
var paragraph = Ext.get(e.target);
paragraph.highlight();
Ext.MessageBox.show({
title: '',
msg: paragraph.dom.innerHTML,
width:400,
buttons:Ext.MessageBox.OK, animEl: paragraph });
} },
bbar: new Ext.PagingToolbar({
pageSize: 10,
store: store,
displayInfo: true,
displayMsg: '第{0} 到 {1} 条数据 共{2}条',
emptyMsg: "没有数据"
})
});
grid.render();
store.load({params:{start:0, limit:10}});
});
</script>
</head>
<body><div id="example-grid"></div>
</body>
</html>
第一页:0-9,第二页:10-19,也就相当result.cursor
1页
page=1
节点起始下标=0
最大的节点下标=page*pagesize-pagepage=2
节点起始下标=page*pagesize-pagesize
最大的节点下标=page*pageisze-1找找规律..,我只是简单写了写,你用不用的页码去测试你的规律