`
erichua
  • 浏览: 514304 次
  • 性别: Icon_minigender_2
  • 来自: 远方
社区版块
存档分类
最新评论

Extjs学习总结---Ext.Grid回车控制

阅读更多
原先的EditGrid无法解决回车控制问题,它的回车控制是向下跑的。而我想让它横着走。搞了半天终于实现了。
Ext.override(Ext.grid.RowSelectionModel, {
				onEditorKey : function(field, e) {
					// alert('go');
					var k = e.getKey(), newCell, g = this.grid, ed = g.activeEditor;
					var shift = e.shiftKey;
					Ext.log('k:' + k);
					if (k == e.ENTER) {
						e.stopEvent();
						ed.completeEdit();
						if (shift) {
							newCell = g.walkCells(ed.row, ed.col - 1, -1,
									this.acceptsNav, this);
						} else {
							// alert('go');
							newCell = g.walkCells(ed.row, ed.col + 1, 1,
									this.acceptsNav, this);
						}
					} else if (k == e.TAB) {
						e.stopEvent();
						ed.completeEdit();
						if (this.moveEditorOnEnter !== false) {
							if (shift) {
								newCell = g.walkCells(ed.row - 1, ed.col, -1,
										this.acceptsNav, this);
							} else {
								// alert('go');
								newCell = g.walkCells(ed.row + 1, ed.col, 1,
										this.acceptsNav, this);
							}
						}
					} else if (k == e.ESC) {
						ed.cancelEdit();
					}
					if (newCell) {
						g.startEditing(newCell[0], newCell[1]);
					}
				}
			});
	var sm2 = new Ext.grid.RowSelectionModel({
		moveEditorOnEnter : true,
		singleSelect : true,
		listeners : {
			rowselect : function(sm, row, rec) {
				centerForm.getForm().loadRecord(rec);
			}
		}

	});
分享到:
评论
5 楼 erichua 2008-09-26  
To:vicksong
    因为是EditGrid我希望它cell edit后,回车到下一个cell。和行没有关系。
4 楼 erichua 2008-09-26  
To:vicksong
  当然要override一个好的编程习惯就是不要改动别人的source,二就是面向对象的多态和多样。
3 楼 vicksong 2008-09-06  
还要override,直接改ext-all.js原代码不就行了,但有一个问题,回车移动光标后,就算是移到下一行,GRID的选中行还是没动,在第一条上.
2 楼 berlo 2008-09-05  
给一个具体应用的详细代码楼主,我现在急需呀
1 楼 berlo 2008-09-05  
能再说的详细点吗?

相关推荐

    3------通过实例学习------Ext.js------.docx

    <script src="extjs/ext-all-debug.js"> ;width:320px;height:240px;border:1px solid #ccc;background:#ffc;padding:5px;line-height:25px;font-size:14px"> Ext.onReady(function() { Ext.Msg.show({ ...

    extjs-Ext.ux.form.LovCombo下拉框

    标题中的"extjs-Ext.ux.form.LovCombo下拉框"表明我们要讨论的是EXTJS中的一个特定组件,它是EXTJS的扩展插件,用于实现具有多选功能的下拉框。这个组件在处理火狐浏览器兼容性问题上做了优化,解决了在火狐浏览器下...

    ext-4.2.1.883.jsb2

    从spket IDE 官网下载。 文件名: ext-4.2.1.883.jsb2 对应版本ext-4.2.*版本。spket自动提示ExtJs4,需要ext4.2.1.jsp2文件。

    extjs jsb文件(ext-4.2.1.883.jsb2)

    从ext官方论坛上下的。 文件名: ext-4.2.1.883.jsb2 对应版本ext-4.2.1.883

    ExtJS 4.0 改善Ext.grid.plugin.RowEditing (重构,v1.4版本,2011-09-11)

    这篇文章的标题指出这是一个关于“Ext.grid.plugin.RowEditing”的重构,版本为v1.4,发布日期为2011年9月11日。重构通常意味着代码的改进,可能涉及性能优化、错误修复或功能增强。在4.0版本中,RowEditing插件的...

    ext-lang-en.js和ext-lang-zh_CN.js

    Extjs中实现国际化要用到的文件ext-lang-zh_CN.js和ext-lang-en.js

    extjs-docs-6.0.0-classic.part01.rar

    Ext JS 6最大的变化就是将Ext JS和Touch合并为一个单一的框架。之前的框架的核心(数据、控制器、模型等等)已被调和为一个单一的公共平台。这样,数据和逻辑就能共享,从而帮助开发人员进一步去优化他们的应用程序...

    Ext.grid.GridPanel属性祥解

    `Ext.grid.GridPanel`是ExtJS中用于展示表格数据的核心组件之一。它提供了丰富的配置选项和方法来帮助开发者灵活地控制表格的表现形式及功能。对于初学者或者希望深入理解`GridPanel`特性的Web开发人员来说,掌握其...

    ext-basex.js 进行Ext.Ajax.request 同步请求 FF无法正常

    在处理异步和同步请求时,Ext.Ajax是ExtJS中的一个关键组件。标题提到的"ext-basex.js进行Ext.Ajax.request同步请求 FF无法正常"问题,涉及到浏览器兼容性和异步/同步请求的理解。 `Ext.Ajax.request`是ExtJS中的一...

    ext-3-button-sample.rar_Ext.Button samp_ext_extjs button

    extjs 主要应用了button的布局,和事件提交

    extjs-theme-bootstrap-master.zip

    "extjs-theme-bootstrap-master.zip" 文件很可能是ExtJS的一个主题包,它集成了Bootstrap的样式,使得ExtJS组件能够呈现出Bootstrap的经典外观。 在深入讲解这个主题之前,让我们先了解一下基础概念: 1. **ExtJS*...

    extjs4.1-ux.rar

    Extjs4.1多个扩展 1、Ext.ux.aceeditor.Panel 2、Ext.ux.grid.feature.Tileview 3、Ext.ux.upload.Button ...主页:https://github.com/harrydeluxe/extjs-ux 注明:在Extjs4.1上是可以使用的,Extjs4.2部分会有问题。

    spket-1.6.18破解+CreatePluginsConfig.zip+ext.jsb2+使用说明

    搭建spket与ExtJS 本资源中包括 spket-1.6.18破解+CreatePluginsConfig.zip+ext.jsb2+使用说明 如有意见建议请留言。

    ExtJS 自定义分页控件---- PM3PagingToolbar.js

    var grid = new Ext.grid.GridPanel({ bbar: new Ext.PM3PagingToolbar({ store : store, displayInfo : true, displayMsg: '显示 {0} - {1} 行 总数 {2} 行', emptyMsg : '没有数据显示' }) }); store...

    ext-4.2.1.883.7z 官方最新版7z压缩

    标题中的"ext-4.2.1.883.7z"指的是ExtJS框架的一个特定版本,4.2.1.883,它被压缩成了7z格式的文件。7z是一种高效的文件压缩格式,由7-Zip软件创建,以提供更高的压缩比和更快的解压缩速度。7z文件通常需要使用支持7...

    extjs-docs-6.0.0-classic.part02.rar

    Ext JS 6最大的变化就是将Ext JS和Touch合并为一个单一的框架。之前的框架的核心(数据、控制器、模型等等)已被调和为一个单一的公共平台。这样,数据和逻辑就能共享,从而帮助开发人员进一步去优化他们的应用程序...

    Extjs-ExtDesigner-1.1.2+完全解密工具.part1.rar

    Extjs-ExtDesigner-1.1.2+完全解密工具.part1.rar

    ExtJs学习资料28-Ext.data.JsonStore数据存储器.doc

    总结来说,这个例子展示了如何使用ExtJs的JsonStore和GridPanel来显示服务器返回的JSON数据,通过定义列模型、设置表格样式和交互功能,构建了一个简洁的个人信息表格。对于ExtJs开发者而言,理解和掌握JsonStore的...

    ext-4.2.1-gpl.7z

    标题中的"ext-4.2.1-gpl.7z"指的是一个开源的软件扩展库,采用GNU General Public License(GPL)版本4.2.1发布,并被压缩为7z格式的文件。7z是一种高压缩率的文件存档格式,由7-Zip软件创建,能有效地存储大量数据...

Global site tag (gtag.js) - Google Analytics