poco/WebWidgets/ExtJS/samples/Server/extjs/AppinfTable.js

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);
    }
});