1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
|
/**
* @class YAHOO.ext.grid.CellEditor
* Base class for all EditorGrid editors
*/
YAHOO.ext.grid.CellEditor = function(element){
this.colIndex = null;
this.rowIndex = null;
this.grid = null;
this.editing = false;
this.originalValue = null;
this.element = getEl(element, true);
this.element.addClass('ygrid-editor');
this.element.dom.tabIndex = 1;
this.initialized = false;
this.callback = null;
};
YAHOO.ext.grid.CellEditor.prototype = {
init : function(grid, bodyElement, callback){
// there's no way for the grid to know if multiple columns
// share the same editor so it will try to initialize the
// same one over and over
if(this.initialized) return;
this.initialized = true;
this.callback = callback;
this.grid = grid;
bodyElement.appendChild(this.element.dom);
this.initEvents();
},
initEvents : function(){
var stopOnEnter = function(e){
if(e.browserEvent.keyCode == e.RETURN){
this.stopEditing(true);
}else if(e.browserEvent.keyCode == e.ESC){
this.setValue(this.originalValue);
this.stopEditing(true);
}
}
this.element.mon('keydown', stopOnEnter, this, true);
this.element.on('blur', this.stopEditing, this, true);
},
startEditing : function(value, row, cell){
this.originalValue = value;
this.rowIndex = row.rowIndex;
this.colIndex = cell.columnIndex;
this.cell = cell;
this.setValue(value);
var cellbox = getEl(cell, true).getBox();
this.fitToCell(cellbox);
this.editing = true;
this.show();
},
stopEditing : function(focusCell){
if(this.editing){
this.editing = false;
var newValue = this.getValue();
this.hide();
//if(focusCell){try{this.cell.focus();}catch(e){}}; // try to give the cell focus so keyboard nav still works
if(this.originalValue != newValue){
this.callback(newValue, this.rowIndex, this.colIndex);
}
}
},
setValue : function(value){
this.element.dom.value = value;
},
getValue : function(){
return this.element.dom.value;
},
fitToCell : function(box){
this.element.setBox(box, true);
},
show : function(){
this.element.show();
this.element.focus();
},
hide : function(){
try{
this.element.dom.blur();
}catch(e){}
this.element.hide();
}
};
|
