extjs的grid应用(java 使用json绑定数据 翻页)
2009-04-29 17:37
676 查看
一、首先增加一个jsp页面grid3.jsp
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Grid3</title>
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
<!--
<link rel="stylesheet" type="text/css" href="extjs/resources/css/xtheme-gray.css" />
-->
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script type="text/javascript" src="extjs/ext-lang-zh_CN.js"></script>
</head>
<body>
<script type="text/javascript" src="grid3.js"></script>
<div id="grid3" style="width: 100%;height: 100%">
</div>
</body>
</html>
二、增加一个js grid3.js
<%
String start = request.getParameter("start");
String limit = request.getParameter("limit");
%>
这样,一个grid就出现了,值得注意的是,在grid.js里的
totalProperty: 'totalProperty',
root: 'root',
需要与gridjson.jsp里的相对应,要不然会出错
totalProperty是所有数据的条数
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Grid3</title>
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
<!--
<link rel="stylesheet" type="text/css" href="extjs/resources/css/xtheme-gray.css" />
-->
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script type="text/javascript" src="extjs/ext-lang-zh_CN.js"></script>
</head>
<body>
<script type="text/javascript" src="grid3.js"></script>
<div id="grid3" style="width: 100%;height: 100%">
</div>
</body>
</html>
二、增加一个js grid3.js
<%
String start = request.getParameter("start");
String limit = request.getParameter("limit");
%>
这样,一个grid就出现了,值得注意的是,在grid.js里的
totalProperty: 'totalProperty',
root: 'root',
需要与gridjson.jsp里的相对应,要不然会出错
totalProperty是所有数据的条数
相关文章推荐
- Struts2与ExtJs Grid结合使用json格式数据
- Extjs Grid 数据绑定 json 分页 不分页
- ExtJs:grid中json的数据绑定(转)
- Extjs中grid采用json进行数据绑定的实例
- 如何使用Google APIs和Google应用系统集成(7)----在里面JSON兑换XML数据处理,JSON数据包括违规XML数据规范:XML节点名称不支持号码Java解
- Extjs 4.0 Grid 数据绑定 json 分页 不分页
- Java中的JSON数据绑定框架Jackson使用介绍
- ExtJs与JSON格式数据绑定的方法(grid)
- struts2拦截器如何返回json数据?如何使用Jquery(ExtJs)接收拦截器返回的数据?
- jqGrid与Struts2的结合应用(三) —— 使用自定义表单对话框编辑Grid数据
- struts 2中使用json 返回数据给Extjs
- java和js中json数据使用小结
- 使用java生成Json数据
- 使用Java将PDF解析成HTML页面进行展示并从页面中提取Json数据设置到Table中
- Java的微信开发中使用XML格式和JSON格式数据的示例
- 使用递归将二维资源数据转换成json的例子-java
- Java里如何应用Json格式数据
- Java使用百度API 返回JSON数据为unicode编码,怎么转化为中文?
- EXTjs 从Java后端传来的Data数据 grid动态转换为标准格式的时间
- GridControl应用点滴之数据绑定