X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6e39d509471fe9b4e2660e0d1631b350d0c66f40..c8256059947f3aa8f5b0a9a2acf55e2142bb4742:/src/widgets/grid/EditorGrid.js?ds=inline diff --git a/src/widgets/grid/EditorGrid.js b/src/widgets/grid/EditorGrid.js index fff3a1bb..78c02981 100644 --- a/src/widgets/grid/EditorGrid.js +++ b/src/widgets/grid/EditorGrid.js @@ -1,6 +1,6 @@ /*! - * Ext JS Library 3.1.0 - * Copyright(c) 2006-2009 Ext JS, LLC + * Ext JS Library 3.2.1 + * Copyright(c) 2006-2010 Ext JS, Inc. * licensing@extjs.com * http://www.extjs.com/license */ @@ -35,7 +35,7 @@ Ext.grid.EditorGridPanel = Ext.extend(Ext.grid.GridPanel, { * editing that cell.
*/ clicksToEdit: 2, - + /** * @cfg {Boolean} forceValidation * True to force validation even if the value is unmodified (defaults to false) @@ -47,15 +47,15 @@ Ext.grid.EditorGridPanel = Ext.extend(Ext.grid.GridPanel, { // private detectEdit: false, - /** - * @cfg {Boolean} autoEncode - * True to automatically HTML encode and decode values pre and post edit (defaults to false) - */ - autoEncode : false, + /** + * @cfg {Boolean} autoEncode + * True to automatically HTML encode and decode values pre and post edit (defaults to false) + */ + autoEncode : false, - /** - * @cfg {Boolean} trackMouseOver @hide - */ + /** + * @cfg {Boolean} trackMouseOver @hide + */ // private trackMouseOver: false, // causes very odd FF errors @@ -73,7 +73,7 @@ Ext.grid.EditorGridPanel = Ext.extend(Ext.grid.GridPanel, { this.activeEditor = null; - this.addEvents( + this.addEvents( /** * @event beforeedit * Fires before cell editing is triggered. The edit event object has the following properties
+ *
grid.on('afteredit', afterEdit, this );
function afterEdit(e) {
// execute an XHR to send/commit data to the server, in callback do (if successful):
e.record.commit();
-};
+};
*
* @param {Object} e An edit event (see above for description)
*/
@@ -131,10 +131,10 @@ function afterEdit(e) {
* records (not all). By observing the grid's validateedit event, it can be cancelled if
* the edit occurs on a targeted row (for example) and then setting the field's new value
* in the Record directly:
- *
+ *
grid.on('validateedit', function(e) {
var myTargetRow = 6;
-
+
if (e.row == myTargetRow) {
e.cancel = true;
e.record.data[e.field] = e.value;
@@ -164,7 +164,7 @@ grid.on('validateedit', function(e) {
this.on('celldblclick', this.onCellDblClick, this);
}
},
-
+
onResize : function(){
Ext.grid.EditorGridPanel.superclass.onResize.apply(this, arguments);
var ae = this.activeEditor;
@@ -203,9 +203,10 @@ grid.on('validateedit', function(e) {
// private
onEditComplete : function(ed, value, startValue){
this.editing = false;
+ this.lastActiveEditor = this.activeEditor;
this.activeEditor = null;
-
- var r = ed.record,
+
+ var r = ed.record,
field = this.colModel.getDataIndex(ed.col);
value = this.postEditValue(value, startValue, r, field);
if(this.forceValidation === true || String(value) !== String(startValue)){
@@ -282,8 +283,16 @@ grid.on('validateedit', function(e) {
col: col
};
this.activeEditor = ed;
+ // Set the selectSameEditor flag if we are reusing the same editor again and
+ // need to prevent the editor from firing onBlur on itself.
+ ed.selectSameEditor = (this.activeEditor == this.lastActiveEditor);
var v = this.preEditValue(r, field);
ed.startEdit(this.view.getCell(row, col).firstChild, Ext.isDefined(v) ? v : '');
+
+ // Clear the selectSameEditor flag
+ (function(){
+ delete ed.selectSameEditor;
+ }).defer(50);
}
}
},
@@ -295,9 +304,9 @@ grid.on('validateedit', function(e) {
},
// private
- postEditValue : function(value, originalValue, r, field){
- return this.autoEncode && Ext.isString(value) ? Ext.util.Format.htmlEncode(value) : value;
- },
+ postEditValue : function(value, originalValue, r, field){
+ return this.autoEncode && Ext.isString(value) ? Ext.util.Format.htmlEncode(value) : value;
+ },
/**
* Stops any active editing
@@ -305,7 +314,8 @@ grid.on('validateedit', function(e) {
*/
stopEditing : function(cancel){
if(this.editing){
- var ae = this.activeEditor;
+ // Store the lastActiveEditor to check if it is changing
+ var ae = this.lastActiveEditor = this.activeEditor;
if(ae){
ae[cancel === true ? 'cancelEdit' : 'completeEdit']();
this.view.focusCell(ae.row, ae.col);