extjs - How to get KeyMap keydown event on grid panel with paging toolbar -


i trying keydown event working on gridpanel pagingtoolbar when hold or down arrow keys carries on through pages without need stopping or repetitive key presses. process works on keyup event have not managed recognise keydown events.

my code current:

grid:

trackgrid = new ext.grid.gridpanel({         layout: 'fit',         autosizecolumns:false,         autoheight:true,         maxheight:400,         frame:true,         trackmouseover:true,         selmodel: ext.create("ext.selection.rowmodel"),         store: trackpaged,         columns:[             {header: 'time', width:55, sortable: true, dataindex: 'time'},             {header: 'speed', width:50, sortable: true, dataindex: 'speed', renderer: this.rendertrackspeed},             {header: 'dirn', width:50, sortable:true, dataindex: 'hdg', tooltip: 'direction of travel'},             {header: 'ecode', width:70, sortable:true, dataindex: 'event', renderer: this.rendertrackevent, tooltip: 'event code'},             {header: 'status', width:50, sortable:true, dataindex: 'sts'},             {header: 'id', width:50, sortable:true, dataindex: 'lid', hidden: true}         ],         viewconfig:{             forcefit:true,             enablerowbody:true,             showpreview:false         },         bbar:trackpagedtoolbar,         footercfg:{             html:'<div id="track-info" class="grid-info"><p>no events display</p></div>'         }     }); 

my keymaps:

trackgrid.getel().set({tabindex: "0"})      trackgrid.getel().addkeymap({         eventname: "keyup",         binding: [{             key: ext.eventobject.enter,             fn: function() {                 this.selecttrackmarkerinfo();             }         }, {         key: [ext.eventobject.right, ext.eventobject.page_down],         fn:  function(){              trackpagedtoolbar.movenext();                     trackgrid.getselectionmodel().select(0);          }         },{         key: [ext.eventobject.left, ext.eventobject.page_up],         fn: function(){              trackpagedtoolbar.moveprevious();                     trackgrid.getselectionmodel().select(0);         }         }, {             key: ext.eventobject.home,             fn: function() {                 trackpagedtoolbar.movefirst();                     trackgrid.getselectionmodel().select(0);             }         }, {             key: ext.eventobject.end,             fn: function() {                 trackpagedtoolbar.movelast();                     trackgrid.getselectionmodel().select(trackpaged.getcount()-1);             }         }]     });      trackgrid.getel().addkeymap({         eventname: 'itemkeydown',         binding: [{         key: ext.eventobject.down,         fn: function() {             if (trackgrid.getselectionmodel().getselection()[0].index % 14 == 13) {                 trackpagedtoolbar.movenext();                 trackgrid.getselectionmodel().select(0);             }         }     }, {         key: ext.eventobject.up,         fn: function() {             if (trackgrid.getselectionmodel().getselection()[0] = 0) {                 trackpagedtoolbar.moveprevious();                 trackgrid.getselectionmodel().select(13);             }         }     }]     }); 

from documentation on keymap have unsuccessfully tried add target of trackgrid, , change event 'itemkeydown', 'keydown', , 'keypress'. none of have registered when hold either key down.

does have insight on matter?


Comments

Popular posts from this blog

Why does Ruby on Rails generate add a blank line to the end of a file? -

keyboard - Smiles and long press feature in Android -

node.js - Bad Request - node js ajax post -