- 浏览: 72702 次
- 性别:
- 来自: 西安
文章分类
grid.jsp
<%@ page language="java" 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> <base href="<%=basePath%>"> <title>ggggg</title> <!-- Ext lib --> <link rel="stylesheet" type="text/css" href="<%=basePath%>script/ext/resources/css/ext-all.css"> <script type="text/javascript" src="<%=basePath%>script/ext/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="<%=basePath%>script/ext/ext-all.js"></script> <script type="text/javascript" src="<%=basePath%>script/ext/locale/ext-lang-zh_CN.js"></script> <script type="text/javascript"> Ext.onReady(function() { Ext.BLANK_IMAGE_URL = 'script/ext/resources/images/default/s.gif'; Ext.QuickTips.init(); //定义grid 选择为 复选框选择 var sm = new Ext.grid.CheckboxSelectionModel(); var cm = new Ext.grid.ColumnModel([//列模型 new Ext.grid.RowNumberer(),//每一行显示行号 sm, {header:'编号',dataIndex:'id'}, {header:'名称',dataIndex:'name'}, {header:'描述',dataIndex:'descn'} ]); cm.defaultSortable = true; var ds = new Ext.data.Store({ baseParams: { limit:10,query:'中' ,name:'ggg'}, proxy: new Ext.data.HttpProxy({url:'data.jsp'}), reader: new Ext.data.JsonReader({ totalProperty: 'totalProperty', root: 'root' }, [ {name: 'id'}, {name: 'name'}, {name: 'descn'} ]) }); ds.load({params:{start:0,limit:10}}); var grid = new Ext.grid.GridPanel({ el: 'grid', ds: ds, cm: cm, sm: sm, height:300, width:500, title: 'JSP->JSON', tbar:[{ text:'选择', handler: getAllSelecteds }], bbar: new Ext.PagingToolbar({ pageSize: 10, store: ds, displayInfo: true, displayMsg: '显示第 {0} 条到 {1} 条记录,一共 {2} 条', emptyMsg: "没有记录" }) }); grid.render(); function getAllSelecteds() { grid.getSelectionModel().each( function (rec){ alert(rec.get("name")); }); } }); </script> </head> <body> <div id="grid"></div> </body> </html>
data.jsp
<%@ page language="java" pageEncoding="utf-8"%> <% String start = request.getParameter("start"); String limit = request.getParameter("limit"); String query = request.getParameter("query"); String name = request.getParameter("name"); int intStart = Integer.parseInt(start); int intLimit = Integer.parseInt(limit); System.out.println(query); System.out.println(name); out.println("{totalProperty:100,root:["); StringBuilder sb = new StringBuilder(); for (int i = 0; i < intLimit; i++) { sb.append("{'id':'"+(intStart+i)+"','name':'name"+(intStart+i)+" ','descn':'descn"+(intStart+i)+"'},"); } sb =sb.deleteCharAt(sb.lastIndexOf(",")); out.println(sb.toString()+"]}"); %> 运行效果如下图:
发表评论
-
postgres java
2013-04-21 22:51 718postgres sql jdbc doc -
jdbctempleate 执行postgres 数据库存储过程返回结果集
2012-12-05 01:57 3054创建表: create table myuser ... -
spring mvc 支持web应用程序的文件上传功能
2012-03-24 02:30 1650spring mvc 支持web应用程序的文件上传功能,是由s ... -
servlet下载 csv 文件,中文不乱码
2012-03-24 01:47 0String helloStr ... -
Ext.form.Load
2012-03-22 00:55 1022Ext.form.Load的 API文档开头就说明了响应数据包 ... -
ExtJs Store baseParams设置
2012-03-20 00:52 1943ExtJs Store baseParams设置 var s ... -
Hessian是一个轻量级的remoting on http工具,使用简单的方法提供了RMI(Remote Method Invocation,远程方法调用)
2012-03-19 23:55 1197Hessian是一个轻量级的remoting on http工 ... -
Ext 从数据库读去数据生成列表
2011-08-30 00:47 1047var fabircTypeDs = new Ext ... -
java的单例模式的一个例子
2011-01-06 21:53 1662单例模式就是运行环境中只存在一个实例, java.lang.O ... -
用jquery 使网页绝对居中 在 大于等于1024 *768分辨率下
2010-01-04 03:11 2284在你的网页中导入JQuery 的js库文件 思路是通过 jq ... -
有状态SessionBean 和无状态Sessionbean
2009-11-02 10:21 1697JavaEE中的有状态会话bean和无状态会话bean 的主要 ... -
GlassFish v2 NetBean6.5 开发ejb3.0 会话Bean
2009-11-02 09:38 2020第一个当然是永恒不变的hello world 啦。 Net ... -
答Servlet下载文件的附件
2009-09-13 03:47 1354在问答频道里答Servlet下载文件的附件 -
Servlet jquery 删除 操作2
2009-05-24 11:53 1247后台 servlet 后台文件 String ... -
Servlet jquery ajax 删除 操作1
2009-05-21 16:54 1541Servlet jquery ajax 删除 操作 ...
相关推荐
ExtJS grid过滤操作,可以动态操作本地的store更改筛选的内容
extjs grid示例代码extjs grid示例代码extjs grid示例代码extjs grid示例代码
ExtJs Grid是否选择行,是:返回选择行record;否:返回false
EXTJS grid导出EXCEL文件,源码可以直接导入MYECLIPSE使用,EXTJS版本3.2.0
extjs grid 多表头 插件 extjs grid 多表头 插件
extjs grid ide:myeclipse5.5 jboss4.2.1 extjs4.2.1
很多同事在用extjs grid做分页的时候,往往会想用grid的多选功能来实现导出Excel之类的功能(也就是所谓的多选记忆功能),但在选选择下一页的时候 上一页选中的已经清除 这是因为做分页的时候又向服务器请求了分页...
一些ext练习例子,一些ext练习例子,
这是利用sencha cmd 生成的GridFilterDemo工程中的app和build文件夹,其余文件过大并且与主题无关,因此未包含。具体方法,请参看我的博客: 《Extjs4.2 Grid Filter Feature 表格过滤特性》
ExtJs 4.0 Grid 单元格合并控件封装
ExtJs grid多选时获取选中的所有值,以及其他相关的操作
这是一个简单的在extjs下的grid转化到Excel,里面代码简单易懂,在包里面还集成了复杂的js转化函数,不过本人没有用它来进行转化! 注:在用EXTJS的导出Excel技术中,一定要注意分页的问题
自己写的一个Extjs Grid2Grid拖拽
Extjs动态Grid的生成 htm
EXTJS Grid布局总结例子,含源代码。
Extjs Grid 操作大全,获取各种值和添加各种点击事件
NULL 博文链接:https://kohisa.iteye.com/blog/651399
非常好的学习EXTJS Grid的教程,欢迎大学下载
Extjs 中想改变grid 行高,如果只是简单的设置了height的值是可以实现grid 的行高,但是如果使用了插件:rowexpander ,最出现新的问题。 感兴趣的朋友可以试试的。 此文档可以解决你的烦恼,为了找到资源下载,...