ExtJS 4 - ComboBox 문제

Question

extjs 콤보 상자를 사용할 때 문제가 발생합니다 (브라우저와 상관없이 Chrome에서 테스트되고 동일한 결과로 FF로 테스트 됨).

콤보 상자가 잘로드되어 두 항목이 모두 표시됩니다. 처음에로드 된 두 개 중 하나를 선택할 수 있지만 이미 선택한 후에 선택을 변경하면 원래 값이 유지되고 선택 또는 변경 이벤트가 발생하지 않습니다. 필자는 선택되지 않은 항목을 입력하기 시작하면 자동 완료 기능이 작동하고 return 키를 눌러 항목을 선택하고 select 이벤트와 change 이벤트가 발생하는 것으로 나타났습니다. 선택하지 않은 항목을 클릭하기 만하는 이유는 무엇입니까?

[{"iMonitorID":"85","sMonitorName":"6176 - xxx.xxx.xxx.xxx default monitor"},{"iMonitorID":"86","sMonitorName":"14177 - aaa.bbbbbbbbb.com default monitor"}] 

감사 :

//Model 
Ext.define('cbMonitorModel', { 
    extend: 'Ext.data.Model', 
    fields: [ 
     {name: 'iMonitorID', type: 'String'}, 
     {name: 'sMonitorName', type: 'String'} 
    ] 
}); 

//Reader 
var cbMonitorReader = Ext.create('Ext.data.JsonReader',{ 
    type: 'json', 
    model: 'cbMonitorModel' 
}); 

//Store 
var cbMonitorDataStore = Ext.create('Ext.data.Store',{ 
fields: ['iMonitorId','sMonitorName'], 
autoLoad: true, 
proxy: { 
    type: 'ajax', 
    url: '/inc/ajax/Monitors.php', 
    actionMethods: 'POST', 
    reader: cbMonitorReader, 
    extraParams: { 
     task: 'getMonitors', 
     domain: sMonitorDomainName 
    } 
} 
}); 

//ComboBox 
Ext.create('Ext.form.ComboBox',{ 
    fieldLabel: 'Monitor', 
    store: cbMonitorDataStore, 
    queryMode: 'local', 
    displayField: 'sMonitorName', 
    valueField: 'iMonitorId', 
    renderTo: Ext.get('monitorSelect'), 
    width: 400, 
    listeners: { 
     select: function(combo, records, opts) { 
      console.log('MonitorComboBox - Select'); 
      console.log(combo); 
      console.log(records); 
      console.log(opts); 
      console.log(cbMonitorDataStore); 
      console.log('--------------------------------------------------------------------'); 
     } 
    } 
}); 

프록시는 다음과 같은 문자열을 반환 :

다음은 모델, 리더, 데이터 저장 및 콤보 상자 코드입니다. 어떤 도움을 주시면 감사하겠습니다.

---

편집 : 난 아직이 문제를 생각하지 않은,하지만 그 동안, 나는 주위에 "더러운"일을 발견했습니다

2011-09-08 중부 표준시 16시 32분 ... expand 이벤트는 사용자가 다른 값을 선택할 수있는 이전 값을 지 웁니다. 그러나 문제는 "getValue()"를 사용할 수 없다는 것입니다 ... 따라서 cb.lastSelection[0].raw.iMonitorID 문자열 ...

콤보 상자 코드 :

var MonitorCB = Ext.create('Ext.form.ComboBox', { 
    fieldLabel: 'Monitor', 
    store: cbMonitorDataStore, 
    queryMode: 'local', 
    displayField: 'sMonitorName', 
    valueField: 'iMonitorName', 
    width: 400, 
    renderTo: 'monitorSelect', 
    listeners: { 
     select: function(cb, rec, opts){ 
      console.log(cb.lastSelection[0].raw.iMonitorID); 
     }, 
     expand: function(){this.clearValue()} 
    } 
}); 

Answer 1

코드에 실수가 있습니다. 콤보 박스 구성에서 valueField: 'iMonitorId'은 작은 글자 d으로 지정되어 있으며 모델 구성에서는 name: 'iMonitorID'이 큰 것으로 지정되어 있습니다 (프록시는 'iMonitorID'을 반환합니다).

그건 그렇고. 모델 판독기와 상점 필드 설정을 모두 사용하고 있습니다. 저장소에 이미 잘못된 필드가 설정되어 있으므로 올바른 모델의 필드 config가 사용되지 않습니다.

그래서 해결책은 다음과 같습니다

1. 매장의 설정에 fields: ['iMonitorId','sMonitorName'], 제거.
2. 변경 valueField ~ 'iMonitorID' 콤보 박스 '구성.