extjs4 - extjsでタブキー押下イベントのテキストフィールドを無効にする

Question

extjsでキーボードからタブキーを押している間だけテキストフィールドを無効にする方法は?

Answer 1

enableKeyEventsテキストフィールドのプロパティを true に設定してから、テキストフィールドを検出しtab keypressて無効にする ことができます。

{
   xtype: 'textfield',
   ...
   enableKeyEvents: true,
   listeners : {
      keypress : function(textfield, e, options) {
         if (e.keyCode == 9) {
            textfield.setDisabled(true);
         }
      }
   }
}

Answer 2

テキスト フィールドの tabIndex 構成を負の値に設定すると、タブ キーでテキスト フィールドにアクセスできなくなります。例：

Ext.create('Ext.form.Panel', {
    title: 'Contact Info',
    width: 300,
    bodyPadding: 10,
    renderTo: Ext.getBody(),
    items: [{
        xtype: 'textfield',
        name: 'name',
        fieldLabel: 'Name',
        tabIndex: 1
    }, {
        xtype: 'textfield',
        name: 'email',
        fieldLabel: 'Email Address',
        tabIndex: -1
    }]
});

この例では、Tab キーを押しても電子メール テキスト フィールドにアクセスできません。