網格「的keydown」事件沒有趕上特殊鍵，如箭頭鍵或與「<strong>的keydown</strong>」事件捕捉特殊鍵Enter或Tab

Question

我有一個問題..但如果我使用「KEYUP」所有的偉大工程事件，除了我不能使用它.. 似乎一些控制捕獲事件並停止繼續爲他人或？爲什麼？

Ext.onReady(function() { 

    Ext.define('User', { 
     extend: 'Ext.data.Model', 
     fields: [ 
     { name: 'id', type: 'int' }, 
     { name: 'name', type: 'string' }, 
     { name: 'phone', type: 'string', mapping: 'phoneNumber' } 
    ] 
    }); 

    var data = { 
     users: [ 
     { 
      id: 1, 
      name: 'Ed Spencer', 
      phoneNumber: '555 1234' 
     }, 
     { 
      id: 2, 
      name: 'Abe Elias', 
      phoneNumber: '666 1234' 
     } 
    ] 
    }; 

    var myStore = new Ext.data.Store({ 
     autoLoad: true, 
     storeId: 'myStore', 
     model: 'User', 
     data: data, 
     proxy: { 
      type: 'memory', 
      reader: { 
       type: 'json', 
       root: 'users' 
      } 
     } 
    }); 

    var main = Ext.create('Ext.container.Viewport', { 
     renderTo: document.body, 
     layout: 'fit', 
     items: 
     [ 
      { 
       xtype: 'panel', 
       title: 'Main Panel', 
       items: [ 
       { 
        xtype: 'gridpanel', 
        id: 'myGrid', 
        name: 'myGrid', 
        title: 'My Grid', 
        store: 'myStore', 
        selModel: Ext.create('Ext.selection.CellModel', { 
         mode: 'SINGLE', 
         listeners: { 
          select: { 
           element: 'el', 
           fn: function (editor, object, options) { 
           } 
          } 
         } 
        }), 
        plugins: [ 
         Ext.create('Ext.grid.plugin.CellEditing', { 
          clicksToEdit: 1, 
          listeners: { 
           edit: { 
            element: 'el', 
            fn: function (editor, object, options) { 
            } 
           } 
          } 
         }) 
        ], 
        flex: 1, 
        listeners: { 
         keydown: { 
          element: 'el', 
          fn: function (eventObject, htmlElement, object, options) { 
           var pGrid = Ext.ComponentMgr.get('myGrid'); 
           if (eventObject.keyCode == 40) // 13, 9 
           { 
            if (pGrid.selModel.getCurrentPosition().row == pGrid.store.data.length - 1) { 
             pGrid.store.add({ name: '', age: '', zipcode: '' }); 
            } 
           } 
          } 
         } 
        }, 
        columns: [ 
         { 
          xtype: 'numbercolumn', 
          dataIndex: 'id', 
          header: 'ID', 
          sortable: true, 
          width: 100, 
          id: 'id', 
          editor: { 
           xtype: 'numberfield' 
          } 
         }, 
         { 
          xtype: 'gridcolumn', 
          dataIndex: 'name', 
          header: 'Name', 
          sortable: true, 
          width: 100, 
          id: 'name', 
          editor: { 
           xtype: 'textfield' 
          } 
         }, 
         { 
          xtype: 'gridcolumn', 
          dataIndex: 'phone', 
          header: 'Phone', 
          sortable: true, 
          width: 100, 
          align: 'right', 
          id: 'phone', 
          editor: { 
           xtype: 'textfield' 
          } 
         } 
        ] 
       }] 
      }] 
    }); 
}); 

有沒有解決方法？

Answer 1

KeyNav是一個導航包裝，它允許您將導航鍵直接綁定到函數調用。 API文檔對如何使用它很好的例子：

http://docs.sencha.com/ext-js/4-0/#/api/Ext.util.KeyNav

Answer 2

只是一個想法。你是否試過KeyPress而不是/以及KeyDown？