- 浏览: 462512 次
- 性别:
- 来自: 广州
文章分类
最新评论
-
njliukang:
请问一下,如果是异步树,应该怎么解决?貌似用expandpat ...
ExtJS Tree刷新后自动展开并选择节点 -
xiaoyueyue5721:
这是ScriptDataSet,如果换成OdaDataSet呢 ...
Birt动态填充DataSet数据 -
leexiaodong2009:
我准备要用那个锁定。
ExtJS 3.0 优秀扩展简介 (持续更新) -
babyhhcsy:
pizza823 写道分享下另外中方法store里面不用变在列 ...
ExtJS EditorGridPanel中时间日期编辑问题的总结 -
冷月宫主:
高手,请问一下有没有使用Ext做过多表头锁定左侧指定列的处理? ...
仅供纪念,曾做过的一些界面截图
如下:示例代码是对某个特定的对象,如果需要全局,自己Extend吧.
1.滚动Grid到指定的Record
代码:
viewConfig:{ forceFit: true, deferEmptyText: true, emptyText: "无相关数据", //滚动Grid到指定的Record scrollToRecord:function(record){ var index = this.grid.getStore().indexOf(record); this.scrollToRow(index); }, //滚动Grid到指定的列 scrollToRow:function(rowIndex){ var firstRow = Ext.get(this.getRow(0)); var row = Ext.get(this.getRow(rowIndex)); var distance = row.getOffsetsTo(firstRow)[1]; this.scroller.dom.scrollTop = distance; } }
注: GridView源码里面有几个方法似乎也可以做到,不过临时测试了下没有用,记录下,以后有空看看:
focusRow,resolveCell,getResolvedXY,syncFocusEl,ensureVisible
09.07.15补记 , 测试了下focusRow,也可以滚动,不过似乎是把这个记录滚动到可视区域就ok了,不一定会显示为可视区域内的第一条,示例代码如下:
Ext.onReady(function(){ Ext.BLANK_IMAGE_URL = '/images/s.gif'; Ext.QuickTips.init(); testGridViewScroll(); }); function testGridViewScroll(){ var arr = []; for(var i=0;i<100;i++){ arr.push({id:i,name:'item'+i}); } var grid = new Ext.grid.GridPanel({ title:'测试滚动条', autoScroll: true, columnLines:true, height:300, width:600, renderTo:document.body, viewConfig:{ forceFit: true, deferEmptyText: true, emptyText: "无相关数据", //我自定义的滚动方法 //滚动Grid到指定的Record scrollToRecord:function(record){ var index = this.grid.getStore().indexOf(record); this.scrollToRow(index); }, //滚动Grid到指定的列 scrollToRow:function(rowIndex){ var firstRow = Ext.get(this.getRow(0)); var row = Ext.get(this.getRow(rowIndex)); var distance = row.getOffsetsTo(firstRow)[1]; this.scroller.dom.scrollTop = distance; } }, store:new Ext.data.JsonStore({ root:'data', fields:['id','name'] }), columns:[ {header:'ID',dataIndex:'id'}, {header:'名称',dataIndex:'name'} ], sm:new Ext.grid.RowSelectionModel(), tbar:[ '滚动到', {xtype:'textfield',value:'25',id:'rowNum'}, '行','-', { text:'内置滚动方法!', style: 'text-decoration: underline;', handler:function(btn,e){ var rowNum = parseInt(Ext.get('rowNum').getValue()); grid.getSelectionModel().selectRow(rowNum); //内置的滚动方法 grid.getView().focusRow(rowNum); } },{ text:'自定义滚动方法!', style: 'text-decoration: underline;', handler:function(btn,e){ var rowNum = parseInt(Ext.get('rowNum').getValue()); grid.getSelectionModel().selectRow(rowNum); grid.getView().scrollToRow(rowNum); } } ] }); grid.getStore().loadData({data:arr}); }
2.选择指定的几行
代码:
//测试数据 var idArr = '1,5,6,7'.split(','); //找到对应的测试项结果Records var recordArr = grid.getStore().queryBy(function(r,id){ //判定是否是指定的record return idArr.indexOf(r.get('testLogId'))!=-1; },this).getRange(); //选中这些记录 grid.getSelectionModel().selectRecords(recordArr,true);
3.取消选择指定Record的行
代码:
sm:new Ext.grid.RowSelectionModel({ //光有selectRecords...于是自己扩展一个 deselectRecords : function(records, preventViewNotify){ var ds = this.grid.store; for(var i = 0, len = records.length; i < len; i++){ this.deselectRow(ds.indexOf(records[i]), preventViewNotify); } } })
4.单元格换行
代码:
.x-grid3-cell-inner { /*内容长的时候换行*/ white-space:normal !important; }
---
评论
4 楼
chenkanchenkan
2012-04-29
damoqiongqiu 写道
老大,你写的都是如此的简洁啊,给个效果图嘛,真是的。
grid下键和滚动
3 楼
atian25
2009-07-15
damoqiongqiu 写道
老大,你写的都是如此的简洁啊,给个效果图嘛,真是的。
我知道错了...回复你的那个3.0chm的帖子太短了...被扣了30分..还禁言...
2 楼
atian25
2009-07-15
damoqiongqiu 写道
老大,你写的都是如此的简洁啊,给个效果图嘛,真是的。
更新了内容...
不过这都是讲一个操作的....如何给效果图... 我懒得做gif..
1 楼
damoqiongqiu
2009-07-15
老大,你写的都是如此的简洁啊,给个效果图嘛,真是的。
发表评论
-
[4.x] Ext.ux.button.AutoRefresher
2011-05-23 11:22 2667/** * @class Ext.ux.b ... -
ExtJS 4.x 定制你的js
2011-05-01 00:04 0... -
ExtJS4.x 随笔(2011-04-29更新)
2011-04-29 13:41 36961.某个激活/禁用的checkboxfield,需要提交后台的 ... -
ExtJS 4.0 改善Ext.grid.plugin.RowEditing (重构,v1.4版本,2011-09-11)
2011-04-27 15:24 12529Ext4.0 自带的Ext.ux.RowEditing还不够完 ... -
ExtJS Tree刷新后自动展开并选择节点
2010-07-29 10:48 17620很久没写EXTJS的tip了... 今天帮组员写了一个 ... -
仅供纪念,曾做过的一些界面截图
2010-07-06 16:55 3371仅供记录用. 1.亚运(EXTJS) ... -
ExtJS3.x 随笔(2010-07-08更新)
2010-07-02 17:15 3519谨用该贴来记录一些使 ... -
Ext JS 3.2.0发布 -- 不少令人振奋的特性(更新翻译后的release-notes)
2010-04-01 15:02 3730不少令人振奋的新功能 1.form里面的复合组件 ---写 ... -
ExtJS EditorGridPanel中时间日期编辑问题的总结
2009-09-23 09:48 10140老是被反复问到这个问题,烦了...总结下... 1.首 ... -
Ext 3.0.1 Release Notes
2009-08-31 07:58 3920难熬的三天....JE终于恢复了.... 可惜要付费 ... -
也谈谈Ext.Grid之记录用户使用习惯—隐藏列
2009-08-27 15:58 7549在论坛看到http://www.iteye ... -
ExtJS 常见问题 - by tz
2009-08-14 16:13 0经常在群里面被问到的一些问题,不如汇集起来算了... ... -
ExtJS 3.0 优秀扩展简介 (持续更新)
2009-08-14 10:14 17182自带示例里面的扩展就 ... -
ExtJS 2.3/3.0 定制你所需要的模块
2009-08-12 13:49 13221很实在的一个需求,就是 ... -
ExtJS Combo 下拉列表正常显示HTML标签内容
2009-08-11 15:02 5862解决问题: http://www.iteye.com/pro ... -
ExtJS 3.0 Designer Preview (官方的IDE可视化工具)
2009-08-11 12:35 24634原文地址: http://extjs.com/blog/200 ... -
ExtJS Menu嵌套combo等控件时,自动隐藏/遮盖等bug的解决方案
2009-08-06 12:41 61362010-07-08补充: DateField隐藏的 ... -
ExtJS 输入框/MessageBox.prompt 禁止粘贴
2009-07-30 13:33 6734回答问题http://www.iteye.com/proble ... -
ExtJS 修复3.0里面的LovCombo(下拉多选框)的Bug
2009-07-27 16:16 11288如果你不知道lovcombo是什么,看http://setti ... -
续:ExtJS Chart 扩展(重构了下,并写了个新的示例--内存监控)
2009-07-27 15:55 5895续前文:http://atian25.iteye.com/bl ...
相关推荐
Ext各种组件的使用实例,Extjs tree+grid+form+panel 使用实例
extjs 3.3.1 中文 3.3 api extjs(2.x++3.x)主题大全
extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台
ExtJs Grid是否选择行,是:返回选择行record;否:返回false
extjs4 + struct+ spring + hibernate 搭建后台。
前端使用Extjs后台使用spring mvc 数据访问层使用hibernate 数据库使用mysql,是学习extjs、spring mvc以及hibernate的比较好的例子,希望能帮到各位。
ExtJS grid过滤操作,可以动态操作本地的store更改筛选的内容
Extjs+hibernate+struts2+spring案例大全源代码,适合初学者下载使用,欢迎大家下载,欢迎大家交流
ExtJSweb 开发指南中的 简单图书管理系统 ExtJS3.0+spring+hibernate+struts
Extjs4登录功能+验证码+struts2
extjs 轻松搞定EXTJS.pdf +很多DEMO 高清 高质量 案例
extjs视频教程,基于spring+springMvc+mybatis框架开发,适合初学者,跟着视频教程入门
extjs grid示例代码extjs grid示例代码extjs grid示例代码extjs grid示例代码
extjs+实例+管理系统+学习extjs的好例子
Extjs+SpringMVC+MyBaits财务管控系统
extjs+struts2+hibernate+json登录程序,主要讲解struts2配置JSON与前台extjs通信,异步数据交换,很强大
ExtJs-4.1.1a-gpl+中午手册+入门教程
ExtJs+struts2+ hibernate+ spring搭建的图书管理系统
上网找资料,都是一些不全的. struts2+extjs2.1+json+hibernate+spring 自己整合的例子. 当中hibernate数据源可以配置自己的.后台输送json 前台接收.