mirror of
https://github.com/pocoproject/poco.git
synced 2025-10-26 18:42:41 +01:00
fixed Server sample
This commit is contained in:
Guenter Obiltschnig
237
WebWidgets/ExtJS/samples/Server/extjs/AppinfTable.js
vendored
Normal file
237
WebWidgets/ExtJS/samples/Server/extjs/AppinfTable.js
vendored
Normal file
@@ -0,0 +1,237 @@
|
||||
Ext.AppinfPagingToolbar = Ext.extend(Ext.PagingToolbar, {
|
||||
onRender : function(ct, position){
|
||||
Ext.AppinfPagingToolbar.superclass.onRender.call(this, ct, position);
|
||||
this.loading.hide();
|
||||
}
|
||||
});
|
||||
|
||||
Ext.reg('appinfpaging', Ext.AppinfPagingToolbar);
|
||||
|
||||
Ext.override(Ext.data.ArrayReader, {
|
||||
read : function(response){
|
||||
var data = response.responseText;
|
||||
var o = eval("("+data+")");
|
||||
return this.readRecords(o);
|
||||
},
|
||||
|
||||
readRecords : function(o){
|
||||
var sid = this.meta ? this.meta.id : null;
|
||||
var s = this.meta;
|
||||
var recordType = this.recordType, fields = recordType.prototype.fields;
|
||||
var records = [];
|
||||
var root = o["data"];
|
||||
var totalRecords = o["tp"];
|
||||
if (!root)
|
||||
{
|
||||
root = o;
|
||||
totalRecords = root.length;
|
||||
}
|
||||
for(var i = 0; i < root.length; i++){
|
||||
var n = root[i];
|
||||
var values = {};
|
||||
var id = ((sid || sid === 0) && n[sid] !== undefined && n[sid] !== "" ? n[sid] : null);
|
||||
for(var j = 0, jlen = fields.length; j < jlen; j++){
|
||||
var f = fields.items[j];
|
||||
var k = f.mapping !== undefined && f.mapping !== null ? f.mapping : j;
|
||||
var v = n[k] !== undefined ? n[k] : f.defaultValue;
|
||||
v = f.convert(v, n);
|
||||
values[f.name] = v;
|
||||
}
|
||||
var record = new recordType(values, id);
|
||||
record.json = n;
|
||||
records[records.length] = record;
|
||||
}
|
||||
return {
|
||||
success : true,
|
||||
records : records,
|
||||
totalRecords : totalRecords
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
Ext.grid.AppinfTable = Ext.extend(Ext.grid.EditorGridPanel, {
|
||||
/**
|
||||
* @cfg {Boolean} autoEdit
|
||||
* enables autoEdit Mode
|
||||
*/
|
||||
autoEdit: true,
|
||||
|
||||
charThatStartedEdit: null,
|
||||
|
||||
origEditValue: null,
|
||||
|
||||
modifiedRecord: null,
|
||||
modifiedField: null,
|
||||
|
||||
// private
|
||||
initComponent : function(){
|
||||
//make sure we have cell selection!
|
||||
this.selModel = new Ext.grid.CellSelectionModel();
|
||||
Ext.grid.AppinfTable.superclass.initComponent.call(this);
|
||||
},
|
||||
|
||||
// private
|
||||
initEvents : function(){
|
||||
Ext.grid.AppinfTable.superclass.initEvents.call(this);
|
||||
this.on("keydown", this.onKeyDownEvent, this);
|
||||
},
|
||||
|
||||
//private
|
||||
onKeyDownEvent: function(e){
|
||||
var code = e.getKey();
|
||||
if (code != undefined && code != e.LEFT && code != e.RIGHT && code != e.UP && code != e.DOWN && code != e.ESC && code != e.ENTER
|
||||
&& code != e.TAB && code != e.SHIFT && code != e.PAGEUP && code != e.PAGEDOWN && code != e.HOME && code != e.F5 &&
|
||||
code != e.END && code != e.DELETE && code != e.CONTROL && code != e.BACKSPACE){
|
||||
if (code >= e.NUM_ZERO && code <= e.NUM_NINE)
|
||||
{
|
||||
switch(code){
|
||||
case e.NUM_ZERO:
|
||||
code = e.ZERO;
|
||||
break;
|
||||
case e.NUM_ONE:
|
||||
code = e.ONE;
|
||||
break;
|
||||
case e.NUM_TWO:
|
||||
code = e.TWO;
|
||||
break;
|
||||
case e.NUM_THREE:
|
||||
code = e.THREE;
|
||||
break;
|
||||
case e.NUM_FOUR:
|
||||
code = e.FOUR;
|
||||
break;
|
||||
case e.NUM_FIVE:
|
||||
code = e.FIVE;
|
||||
break;
|
||||
case e.NUM_SIX:
|
||||
code = e.SIX;
|
||||
break;
|
||||
case e.NUM_SEVEN:
|
||||
code = e.SEVEN;
|
||||
break;
|
||||
case e.NUM_EIGHT:
|
||||
code = e.EIGHT;
|
||||
break;
|
||||
case e.NUM_NINE:
|
||||
code = e.NINE;
|
||||
break;
|
||||
}
|
||||
}
|
||||
this.charThatStartedEdit = code;
|
||||
var sc = this.selModel.getSelectedCell();
|
||||
var col = sc[1];
|
||||
var row = sc[0];
|
||||
this.startEditing(row, col);
|
||||
}
|
||||
else
|
||||
this.charThatStartedEdit = null;
|
||||
}
|
||||
});
|
||||
|
||||
Ext.reg('appinfgrid', Ext.grid.AppinfTable);
|
||||
|
||||
Ext.override(Ext.grid.AppinfTable, {
|
||||
startEditing : function(row, col){
|
||||
this.stopEditing();
|
||||
if(this.colModel.isCellEditable(col, row)){
|
||||
this.view.ensureVisible(row, col, true);
|
||||
var r = this.store.getAt(row);
|
||||
var field = this.colModel.getDataIndex(col);
|
||||
var e = {
|
||||
grid: this,
|
||||
record: r,
|
||||
field: field,
|
||||
value: r.data[field],
|
||||
row: row,
|
||||
column: col,
|
||||
cancel:false
|
||||
};
|
||||
if(this.fireEvent("beforeedit", e) !== false && !e.cancel){
|
||||
this.editing = true;
|
||||
var ed = this.colModel.getCellEditor(col, row);
|
||||
if(!ed.rendered){
|
||||
var edView = this.view.getEditorParent(ed);
|
||||
ed.render(edView);
|
||||
}
|
||||
this.modifiedField = ed.field;
|
||||
this.modifiedRecord = r;
|
||||
var edfield = ed.field;
|
||||
ed.row = row;
|
||||
ed.col = col;
|
||||
ed.record = r;
|
||||
ed.field = edfield;
|
||||
ed.on("complete", this.onEditComplete, this, {single: true});
|
||||
ed.on("specialkey", this.onEditorKey, this);
|
||||
this.activeEditor = ed;
|
||||
var v = this.preEditValue(r, field);
|
||||
this.origEditValue = v;
|
||||
if (v == e.value)
|
||||
{
|
||||
if (this.autoEdit && this.charThatStartedEdit)
|
||||
{
|
||||
e.value = String.fromCharCode(this.charThatStartedEdit);
|
||||
ed.field.selectOnFocus = false;
|
||||
}
|
||||
else
|
||||
ed.field.selectOnFocus = true;
|
||||
}
|
||||
else
|
||||
ed.field.selectOnFocus = false;
|
||||
this.charThatStartedEdit = null;
|
||||
(function(){
|
||||
ed.startEdit(this.view.getCell(row, col), e.value);
|
||||
ed.field.preFocus();
|
||||
}).defer(50, this);
|
||||
}
|
||||
}
|
||||
},
|
||||
onEditComplete : function(ed, value, startValue){
|
||||
this.editing = false;
|
||||
this.activeEditor = null;
|
||||
ed.un("specialkey", this.onEditorKey, this);
|
||||
var r = ed.record;
|
||||
var field = this.colModel.getDataIndex(ed.col);
|
||||
value = this.postEditValue(value, startValue, r, field);
|
||||
if(String(value) !== String(this.origEditValue)){
|
||||
var e = {
|
||||
grid: this,
|
||||
record: r,
|
||||
field: field,
|
||||
originalValue: this.origEditValue,
|
||||
value: value,
|
||||
row: ed.row,
|
||||
column: ed.col,
|
||||
cancel:false
|
||||
};
|
||||
if(this.fireEvent("validateedit", e) !== false && !e.cancel){
|
||||
r.set(field, e.value);
|
||||
delete e.cancel;
|
||||
this.fireEvent("afteredit", e);
|
||||
}
|
||||
}
|
||||
this.view.focusCell(ed.row, ed.col);
|
||||
},
|
||||
onEditorKey : function(field, e){
|
||||
var k = e.getKey();
|
||||
|
||||
// reset origEditValue
|
||||
if(k == e.ESC){
|
||||
e.stopEvent();
|
||||
var ed = this.activeEditor;
|
||||
if (ed)
|
||||
{
|
||||
this.activeEditor = null;
|
||||
ed.un("specialkey", this.onEditorKey, this);
|
||||
ed.un("complete", this.onEditComplete, this);
|
||||
ed.cancelEdit();
|
||||
this.editing = false;
|
||||
this.view.focusCell(ed.row, ed.col);
|
||||
}
|
||||
//this.modifiedRecord.set(this.modifiedField, this.origEditValue);
|
||||
}
|
||||
else
|
||||
this.selModel.onEditorKey(field,e);
|
||||
}
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user