- 浏览: 832771 次
- 性别:
- 来自: 厦门
文章分类
- 全部博客 (363)
- 2010年3月 (3)
- 2010年4月 (3)
- Java (116)
- ExtJs (22)
- EJB3.0 (11)
- JQuery (28)
- SqlServer (5)
- Oracle (17)
- hibernate (21)
- struts2 (14)
- php (10)
- JavaScript (11)
- jbpm (6)
- spring (24)
- lucene (2)
- ibatis (7)
- C# (8)
- mysql (11)
- json (3)
- webservice (3)
- 设计模式 (1)
- jdbc (1)
- servlet (2)
- ice (6)
- 日常软件问题 (2)
- 生活 (2)
- iphone (1)
- rest (3)
- ruby (2)
- linux (13)
- quartz (1)
- poi (1)
- redis (13)
- memcached (4)
- nosql (2)
- tomcat调优 (1)
- 项目管理 (0)
最新评论
-
天使建站:
jquery里和数组相关的操作 附带具体的实例 ...
jquery对象数组 -
Cy0941:
$('#formId').form('submit',...) ...
easyui的form表单提交处理 -
shmily2038:
swifth 写道楼主,,你的命令写错啦,,[root@ser ...
centos直接yum安装nginx -
swifth:
楼主,,你的命令写错啦,,[root@server ~]# y ...
centos直接yum安装nginx -
随遇而安DXX:
...
REST
var store = new Ext.data.Store({
// 使用一个URL获取数据源
url: '../ListAlarminfoAfterten.form',
//映射关系
reader: new Ext.data.XmlReader({
record: 'tbalarminfo',
id: 'id',
totalRecords:'countRow'
}, [
{name: 'id', mapping: 'ItemAttributes > id'},
'id','errorid','taskname','alarmtime','descr','matter','rating','status'
])
});
//创建一个表格对象
var sm = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),//自动行号
sm,//添加的地方
{header: "id", dataIndex: 'id',hidden:true},
{header: "错误ID", width: 100, dataIndex: 'errorid'},
{header: "任务名称", width: 100, dataIndex: 'taskname'},
{header: "时间", width: 100, dataIndex: 'alarmtime'},
{header: "报警描述", width: 150, dataIndex: 'descr'},
{header: "错误内容", width: 150, dataIndex: 'matter',hidden:true},
{header: "级别", width: 100, dataIndex: 'rating'},
{header: "状态", width: 100, dataIndex: 'status',renderer:function(value){
if (value == '0') {
return "<span style='color:red;font-weight:bold;'>未通知</span>";
} else if (value == '1') {
return "<span style='color:red;font-weight:bold;'>未处理</span>";
}else if (value == '10') {
return "<span style='color:green;font-weight:bold;'>已处理</span>";
}
}}
]);
cm.defaultSortable = true;
// create the grid
var grid = new Ext.grid.GridPanel({
el:'example-grid',
store: store,
cm: cm,
sm: sm,
width: 700,
height: 310,
fitToFrame: true,
title:'文件同步历史报警信息列表',
selModel: new Ext.grid.RowSelectionModel({singleSelect:false}),
bbar: new Ext.PagingToolbar({
pageSize: 20,
store: store,
displayInfo: true,
displayMsg: '显示第 {0} 条到 {1} 条记录,一共 {2} 条',
emptyMsg: "没有记录"
})
});
grid.render();
store.load({ params : { start : 0, limit : 10 }});
//为grid添加双击事件做弹出窗口处理
grid.addListener('rowdblclick',function(){
var records = grid.getSelectionModel().getSelections();
var stat = records[0].get("status");
id=records[0].get('id');
errorid=records[0].get('errorid');
errordescr=records[0].get('descr');
matter=records[0].get('matter');
if(stat!="10"){
if(!records.length){
alert("请选择要处理的报警信息");
}
else{
window.open ('ModifyFileAlarmStatById.jsp?id='+id+","+errorid+","+errordescr+","+matter,'newwindow', 'height=300, width=540, top=200, left=200, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no');
}
}else{
window.open ('ViewAlarmDisposenoticeById.jsp?id='+id+","+errorid+","+errordescr+","+matter,'newwindow', 'height=200, width=540, top=200, left=200, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no');
}
});
xml 结合 extajax 分页 以及grid 添加监听方法处理操作
后台 java 获得 start的起始条数
数据库写 sql 查询相应的第几条到多少条数的数据
// 使用一个URL获取数据源
url: '../ListAlarminfoAfterten.form',
//映射关系
reader: new Ext.data.XmlReader({
record: 'tbalarminfo',
id: 'id',
totalRecords:'countRow'
}, [
{name: 'id', mapping: 'ItemAttributes > id'},
'id','errorid','taskname','alarmtime','descr','matter','rating','status'
])
});
//创建一个表格对象
var sm = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),//自动行号
sm,//添加的地方
{header: "id", dataIndex: 'id',hidden:true},
{header: "错误ID", width: 100, dataIndex: 'errorid'},
{header: "任务名称", width: 100, dataIndex: 'taskname'},
{header: "时间", width: 100, dataIndex: 'alarmtime'},
{header: "报警描述", width: 150, dataIndex: 'descr'},
{header: "错误内容", width: 150, dataIndex: 'matter',hidden:true},
{header: "级别", width: 100, dataIndex: 'rating'},
{header: "状态", width: 100, dataIndex: 'status',renderer:function(value){
if (value == '0') {
return "<span style='color:red;font-weight:bold;'>未通知</span>";
} else if (value == '1') {
return "<span style='color:red;font-weight:bold;'>未处理</span>";
}else if (value == '10') {
return "<span style='color:green;font-weight:bold;'>已处理</span>";
}
}}
]);
cm.defaultSortable = true;
// create the grid
var grid = new Ext.grid.GridPanel({
el:'example-grid',
store: store,
cm: cm,
sm: sm,
width: 700,
height: 310,
fitToFrame: true,
title:'文件同步历史报警信息列表',
selModel: new Ext.grid.RowSelectionModel({singleSelect:false}),
bbar: new Ext.PagingToolbar({
pageSize: 20,
store: store,
displayInfo: true,
displayMsg: '显示第 {0} 条到 {1} 条记录,一共 {2} 条',
emptyMsg: "没有记录"
})
});
grid.render();
store.load({ params : { start : 0, limit : 10 }});
//为grid添加双击事件做弹出窗口处理
grid.addListener('rowdblclick',function(){
var records = grid.getSelectionModel().getSelections();
var stat = records[0].get("status");
id=records[0].get('id');
errorid=records[0].get('errorid');
errordescr=records[0].get('descr');
matter=records[0].get('matter');
if(stat!="10"){
if(!records.length){
alert("请选择要处理的报警信息");
}
else{
window.open ('ModifyFileAlarmStatById.jsp?id='+id+","+errorid+","+errordescr+","+matter,'newwindow', 'height=300, width=540, top=200, left=200, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no');
}
}else{
window.open ('ViewAlarmDisposenoticeById.jsp?id='+id+","+errorid+","+errordescr+","+matter,'newwindow', 'height=200, width=540, top=200, left=200, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no');
}
});
xml 结合 extajax 分页 以及grid 添加监听方法处理操作
后台 java 获得 start的起始条数
数据库写 sql 查询相应的第几条到多少条数的数据
发表评论
-
extjs和jquery各适用于什么场景
2013-01-23 09:49 2073比较点 extjs jquery 是 ... -
extjs和jquery各适用于什么场景
2013-01-21 11:14 14131.应该说粒度不同,extjs ... -
sqlite 数据类型 全面
2011-06-14 13:49 1291一般数据采用的固定的 ... -
extjs direct下载地址
2010-09-11 18:23 1178http://code.google.com/p/direct ... -
json返回数据,首先要做的事
2010-09-08 12:45 1161var json=eval("("+jso ... -
ExtJS 面向对象
2010-08-25 15:15 10051:支持命名空间 <script type=&qu ... -
ExtJS border 布局
2010-08-25 14:42 1991border(边界) 布局是指,把面板组件显示在 北 东 南 ... -
Ext.data-DataProxy/HttpProxy/MemoryProxy/ScriptTagProxy
2010-08-03 09:15 1178Ext.data-DataProxy/HttpProxy/Me ... -
extjs表单的提交
2010-06-24 17:01 12762//ExtJs 表单提交 form.getForm(). ... -
JSONLib解析json数组
2010-06-24 15:33 1734public class JsonHelper { /** ... -
Jsonlib
2010-06-24 13:13 1360使用JSON-LIB可以极大的简化JAVA对象转换成JSON对 ... -
以"对象"方式接收json数据.(解决乱码问题)
2010-06-24 10:36 5425客户端(传输数据无中文): Java代码 //序号控件失去 ... -
extjs的xtype
2010-06-24 09:06 1318基本组件: xtype Class 描述 button E ... -
EXTJS 查询数据,分页显示时传送自定义参数,添加控件的任何事件模板
2010-06-21 13:25 2213EXTJS 查询数据,分页显示时传送自定义参数,添加控件的任何 ... -
Extjs 分页查询的参数问题
2010-06-21 12:57 2414先按条件查询数据,再点下一页保留住查询条件,解决方案是将查询参 ... -
EXT中grid分页实现的完整例子---从前台到后台
2010-05-25 00:14 13717// -------------------- 定义grid- ... -
ExtJs的el和contentEl的区别
2010-05-19 16:46 34351、把<div id="div_exam&qu ... -
SModel了解
2010-04-21 09:35 15171、比较 jsonlib,Xstream,gson,smode ... -
xstream实现JAVA对象和XML的相互转化
2010-04-20 21:56 2515首页 http://xstream.codehaus.org ... -
使用XStream把Java对象XML/JSON格式的序列化和反序列化
2010-04-20 21:54 2042试了一下Thoughtworks的XStream,以测试驱动和 ...
相关推荐
EXT JS 3.2.1虽然已经是较旧的版本,但其核心概念和方法在后续版本中仍然适用,因此学习这部分内容对于理解EXT JS的Grid组件依然有价值。 1. **EXT JS Grid组件基础** - Grid组件是EXT JS中的一个核心组件,用于...
根据网络上已有的导出代码,替换ext2.0中的函数和属性为ext5.0版本。 无选择项默认导出全表。 未考虑grid分页的情况。 默认设置导出文件名为grid中name属性+当天年月日。 没有研究出data uri协议导出excel文件时动态...
10. **响应式布局(Responsive Layout)**:在ExtJS 5.1中,你可以利用Ext.container.Viewport和Ext.resizer.Splitter等组件,实现Grid在不同屏幕尺寸下的自适应布局。 11. **主题(Theme)**:ExtJS提供多种视觉...
在EXT(Ext JS)框架中,分页是数据网格(Grid)中常用的功能,用于处理大量数据时提高性能和用户体验。EXT Grid控件允许用户滚动查看数据,而不是一次性加载所有记录,这使得页面加载更快,资源消耗更低。然而,...
extgrid 是一款jquery上的gird插件 界面风格采用了类似easyui extjs 界面风格样式 可通过css修改自己想要的样式 extgrid具有列大小 位置改变 排序 分组 分页 工具栏 扩展行 rowNumber 多选列 编辑列 行列锁 ajax...
在本资源中,我们关注的是"表格Ext js gird源代码",这涉及到Ext JS中的Grid Panel组件,它是展示和操作数据集的主要工具。 Grid Panel是Ext JS中的核心组件之一,用于显示结构化的数据,通常以表格的形式。它支持...
在Ext JS中实现带有分页功能的Grid组件是处理大量数据展示的有效方式,可以极大地改善用户浏览数据时的体验。当处理成千上万条数据时,将所有数据加载到一个页面中会导致页面加载缓慢,影响用户交互。因此,分页功能...
动态加载Grid意味着数据不是一次性全部加载到页面中,而是根据用户滚动或者设定的分页大小逐步加载。这种方式不仅减少了初始页面加载时间,还降低了服务器端的压力,因为只需要处理当前显示的数据。 首先,我们需要...
【压缩包子文件的文件名称列表】中的"Gird"很可能是指ExtJS中的Grid组件,这是一个表格展示控件,常用于显示和操作大量结构化数据。在学生管理系统中,Grid可能被用于展示学生列表,支持排序、过滤、分页等功能。 ...
这使得【Ext会员统计管理系统】成为一个理想的学习平台,开发者可以通过实践来加深对ExtJS统计功能的理解,提升自身在Web前端开发和数据分析方面的专业技能。 至于在【压缩包子文件的文件名称列表】中的"Gird2",...
Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。
Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。
Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。这个例子对...
Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。 本资源是...
Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。 本资源为...
- **`initPaging(url, pageSize, baseParams)`**:这是实现分页功能的核心方法,用于一次性完成分页初始化工作。其中,`url`指定获取数据的URL地址,`pageSize`定义每页显示的数据条数,而`baseParams`则是可选参数...
从这些代码中可以看出,Grid组件可分为grid-header和grid-body 两块区域(若含有工具栏和分页栏,它们都会含有各自的独立区域)。 其中grid-body包含了许多tr元素,每一个tr都是代表Grid组件中的一行数据;每个tr内部...
GridView控件内置了很多功能,例如分页、排序、编辑、删除以及选中行等。在处理多行数据时,经常需要一个全选的功能来选中或取消选中所有行。本文将详细介绍在*** GridView中使用CheckBox实现全选功能的几种不同方法...
component: Ext.getCmp('gird_a') ``` 对于动态生成的grid,初始的`columns`属性可能在`grid.columnManager.columns`中,而不是`grid.columns`。因此,你可能需要在`exporter.js`的第40行修改代码,如下: ```...