ext表格分页控件与struts交互的实例
2008-11-12 21:21
393 查看
LoginAction .java
-----------------------------------------------------------------------
package com.yourcompany.struts.action;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import net.sf.json.JSONObject;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
import org.apache.struts.actions.DispatchAction;
import com.test.Grid;
public class LoginAction extends Action {
public ActionForward execute(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) {
PrintWriter out = null;
try {
out = response.getWriter();
} catch (IOException e) {
e.printStackTrace();
}
// 得到页面传过来的参数
String start = request.getParameter("start");
String limit = request.getParameter("limit");
int index = Integer.parseInt(start);
int pageSize = Integer.parseInt(limit);
// 初始化
List jlist = new ArrayList();
for (int i = index; i < pageSize + index; i++) {
Grid bean1 = new Grid();
bean1.setId(String.valueOf(i));
bean1.setName("name" + i);
bean1.setDescn("descn" + i);
jlist.add(bean1);
}
// 初始化
Map map = new HashMap();
map.put("totalProperty", 100);
map.put("root", jlist);
// 转换成对象，不要转换成数组
JSONObject obj = JSONObject.fromObject(map);
// 输出到列表
out.print(obj);
return null;
}
}
index.htm
-----------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>New Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css"
href="lib/ext/resources/css/ext-all.css" />
<script type="text/javascript" src="lib/ext/adapter/ext/ext-base.js">
</script>
<script type="text/javascript" src="lib/ext/ext-all.js">
</script>
</head>
<body>
<script>
Ext.onReady(function(){
var cm = new Ext.grid.ColumnModel([{
header: '编号',
dataIndex: 'id'
}, {
header: '名称',
dataIndex: 'name'
}, {
header: '描述',
dataIndex: 'descn'
}]);
var store = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({
url: 'login.do'
}),
reader: new Ext.data.JsonReader({
totalProperty: 'totalProperty',
root: 'root'
}, [{
name: 'id'
}, {
name: 'name'
}, {
name: 'descn'
}])
});
var grid = new Ext.grid.GridPanel({
el: 'grid',
store: store,
cm: cm,
bbar: new Ext.PagingToolbar({
pageSize: 10,
store: store,
displayInfo: true,
displayMsg: '显示第 {0} 条到 {1} 条记录，一共 {2} 条',
emptyMsg: "没有记录"
})
});
ds.load({
params: {
start: 0,
limit: 10
}
});
grid.render();
});
</script>
<body>
<div id="grid" style="height:265px;">
</div>
</body>
</html>
-----------------------------------------------------------------------
-----------------------------------------------------------------------
package com.yourcompany.struts.action;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import net.sf.json.JSONObject;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
import org.apache.struts.actions.DispatchAction;
import com.test.Grid;
public class LoginAction extends Action {
public ActionForward execute(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) {
PrintWriter out = null;
try {
out = response.getWriter();
} catch (IOException e) {
e.printStackTrace();
}
// 得到页面传过来的参数
String start = request.getParameter("start");
String limit = request.getParameter("limit");
int index = Integer.parseInt(start);
int pageSize = Integer.parseInt(limit);
// 初始化
List jlist = new ArrayList();
for (int i = index; i < pageSize + index; i++) {
Grid bean1 = new Grid();
bean1.setId(String.valueOf(i));
bean1.setName("name" + i);
bean1.setDescn("descn" + i);
jlist.add(bean1);
}
// 初始化
Map map = new HashMap();
map.put("totalProperty", 100);
map.put("root", jlist);
// 转换成对象，不要转换成数组
JSONObject obj = JSONObject.fromObject(map);
// 输出到列表
out.print(obj);
return null;
}
}
index.htm
-----------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>New Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css"
href="lib/ext/resources/css/ext-all.css" />
<script type="text/javascript" src="lib/ext/adapter/ext/ext-base.js">
</script>
<script type="text/javascript" src="lib/ext/ext-all.js">
</script>
</head>
<body>
<script>
Ext.onReady(function(){
var cm = new Ext.grid.ColumnModel([{
header: '编号',
dataIndex: 'id'
}, {
header: '名称',
dataIndex: 'name'
}, {
header: '描述',
dataIndex: 'descn'
}]);
var store = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({
url: 'login.do'
}),
reader: new Ext.data.JsonReader({
totalProperty: 'totalProperty',
root: 'root'
}, [{
name: 'id'
}, {
name: 'name'
}, {
name: 'descn'
}])
});
var grid = new Ext.grid.GridPanel({
el: 'grid',
store: store,
cm: cm,
bbar: new Ext.PagingToolbar({
pageSize: 10,
store: store,
displayInfo: true,
displayMsg: '显示第 {0} 条到 {1} 条记录，一共 {2} 条',
emptyMsg: "没有记录"
})
});
ds.load({
params: {
start: 0,
limit: 10
}
});
grid.render();
});
</script>
<body>
<div id="grid" style="height:265px;">
</div>
</body>
</html>
-----------------------------------------------------------------------
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 我要学ASP.NET MVC 3.0（十九）： MVC 3.0 实例之使用开源控件实现表格排序和分页
- javascript控件（二）：一个好用的表格（分页实例）
- ASP.NET MVC 3.0（十九）： MVC 3.0 实例之使用开源控件实现表格排序和分页
- Dev控件综合实例（后台数据操作，控件数据级联更新，前后台异步交互）
- 利用vue和element-ui设置表格内容分页的实例
- 分页控件：pager-taglib与SpringMVC结合实例
- Ext的表格控件如何绑定
- Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门
- Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门
- Android之自制的分页表格控件 .
- struts分页实例代码
- bootstrap表格分页实例讲解
- windows phone：Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门
- AspNetPager7.3.2版本控件分页实例
- Ext.grid.Panel表格分页
- Ext分组表格控件——Group
- [原创]关于easyui下datagrid表格控件分页控制(非url方式)
- asp.net表格控件Table(实例动态增加表格)
- 利用ExtJs中的Ext.PagingToolbar做表格分页的例子
- Ext4.x 树表格控件【Ext.tree.Panel】 Demo