extjs - Excel-like behaviour of Grids in Ext JS -
i'm trying figure out way have excel-like behavior grids on ext js.
here sample grid working with. far can naviguate through cells arrows in edit mode.
however trying reach naviguation arrows, tab , enter keys outside of edit mode, excel.
i tried integrate piece of code overrides editor class, hoping change behavior of cells doesn't change thing.
i believe important part overrides editor class , tries include keys input :
ext.override(ext.editor, { startedit: function (el, value) { var me = this, field = me.field; me.completeedit(); me.boundel = ext.get(el); value = ext.isdefined(value) ? value : me.boundel.dom.innerhtml; if (!me.rendered) { me.render(me.parentel || document.body); } if (me.fireevent('beforestartedit', me, me.boundel, value) !== false) { me.startvalue = value; me.show(); field.reset(); if (deletegridcellvalue) { field.setvalue(''); me.editing = true; me.completeedit(); deletegridcellvalue = false; // reset global variable } else { if (newgridcellvalue == '') { // default behaviour of ext.editor (see source if needed) field.setvalue(value); } else { // custom behaviour handle alphanumeric key press non-edit mode field.setrawvalue(newgridcellvalue); newgridcellvalue = ''; // reset global variable if (field instanceof ext.form.field.combobox) { // force combo box's filtered dropdown list displayed (some browsers need this) field.doquerytask.delay(field.querydelay); } } me.realign(true); field.focus(false, 10); if (field.autosize) { field.autosize(); } me.editing = true; } } } });
this first time working on project outside of comp-sci classes appreciated. !
Comments
Post a Comment