콤보 선택 불가 첫 번째 값

Question

다음과 같은 콤보가 있습니다.

Ext.create('Ext.form.ComboBox', { 
      fieldLabel: 'Label', 
      allowBlank: true, 
      maxLength: 50, 
      minChars: 10000, 
      name: 'txt', 
      id: 'txt', 
      store: states, 
      displayField: 'name', 
      selectOnFocus: false, 
      forceSelection: false, 
      typeAhead: false, 
      autoSelect: false, 
      queryMode: 'local', 
      triggerAction: 'all', 
      hideTrigger: true, 
      listeners: { 
       beforequery: function (record) { 
        record.query = new RegExp(record.query, 'i'); 
        record.forceAll = false; 
       }, 
       specialkey: function (f, e) { 
        if (e.getKey() == e.ENTER) { 
         doProcess(); 
        } 
       } 
      }, 
      renderTo: Ext.getBody() 
     }); 

내 목적은 기록을 저장하는 텍스트 상자를 작성하는 것입니다. 나는이 해결책을 찾았다. 텍스트 필드와 같은 콤보를 사용해야한다. 지금까지 문제가 없습니다. 하지만 뭔가를 쓰고 전에 검색 한 목록에서 레코드를 선택하면 다음 번에 콤보가 쓰는 동안 자동으로 선택합니다. 내가 설명했는지 잘 모르겠다.

당신은 여기를 테스트 할 수 https://fiddle.sencha.com/#view/editor&fiddle/28tl

감사합니다.

Answer 1

안녕하세요. 다음과 같은 문제를 해결했습니다.

https://fiddle.sencha.com/#view/editor&fiddle/28tl

이 예제는 내 질문보다는 좀 더 명확 알려줍니다.

Ext.application({ 
    name: 'Fiddle', 

    launch: function() { 
     // The data store containing the list of states 
     var states = Ext.create('Ext.data.Store', { 
      fields: ['abbr', 'name'], 
      data: [{ 
       "abbr": "AL", 
       "name": "Alabama" 
      }, { 
       "abbr": "AK", 
       "name": "Alaska" 
      }, { 
       "abbr": "AZ", 
       "name": "Arizona" 
      }] 
     }); 

     // Create the combo box, attached to the states data store 
     Ext.create('Ext.form.ComboBox', { 
      fieldLabel: 'Label', 
      allowBlank: true, 
      maxLength: 50, 
      minChars: 10000, 
      name: 'txt', 
      id: 'txt', 
      store: states, 
      displayField: 'name', 
      selectOnFocus: false, 
      forceSelection: false, 
      typeAhead: false, 
      autoSelect: false, 
      queryMode: 'local', 
      triggerAction: 'all', 
      hideTrigger: true, 
      enableKeyEvents: true 

      , 
      listConfig: { 
       listeners: { 
        itemclick: function (list, record) { 
         _iseFareIleSecildi = true; 
        }, 
        highlightitem: function (view, node, eOpts) { 
         _iseKlavyeIleSecildi = true; 
        } 
       } 
      }, 
      listeners: { 
       beforequery: function (record) { 
        record.query = new RegExp(record.query, 'i'); 
        record.forceAll = false; 
        Ext.defer(function() { 
         secimiSifirla(); 
        }, 30); 
       }, 
       specialkey: function (f, e) { 
        if (e.getKey() == e.ENTER) { 
         console.log('action'); 
        } 
       }, 
       keyup: function (combo, e) { 
        if (e.getKey() == e.ENTER) { 
         console.log('action'); 
        } 
       }, 
       beforeselect: function (combo, record, index, eOpts) { 
        if (_iseFareIleSecildi) { 
         secimiSifirla(); 
         return true; 
        } else { 
         if (_iseKlavyeIleSecildi) { 
          secimiSifirla(); 
          return true; 
         } else { 
          return false; 
         } 
        } 
       } 
      }, 
      renderTo: Ext.getBody() 
     }); 
    } 

}); 

var _iseFareIleSecildi = false; 
var _iseKlavyeIleSecildi = false; 

function secimiSifirla() { 
    _iseFareIleSecildi = false; 
    _iseKlavyeIleSecildi = false; 
} 

감사합니다.

Answer 2

은 당신과 같이 false에 trackOver boundlist의 설정을 설정할 수 있습니다

xtype: 'combo', 
... 
listConfig: { 
    trackOver: false 
} 

바이올린 : https://fiddle.sencha.com/#view/editor&fiddle/2945

Answer 3

는 "tagfield"로 시도합니다. Check here