cách lấy giá trị trên hộp kết hợp extjs?

Question

Tôi có một mã sau cho hộp tổ hợp, làm thế nào tôi có thể nhận được giá trị được chọn trong combobox và tải giá trị đó vào một biến và sử dụng nó sau này.

Cảm ơn bạn

Ext.define('Column', { 
    extend: 'Ext.data.Model', 
    fields: ['data1', 'Data2'] 
}); 

var store = Ext.create('Ext.data.Store', { 
    model: 'Column', 
    autoLoad: true, 
    proxy: { 
     type: 'ajax', 
     url: '/data.xml', 
     reader: { 
      type: 'xml', 
      record: 'result' 
     } 
    } 
}); 

var simpleCombo = Ext.create('Ext.form.field.ComboBox', { 
    store: store, 
    displayField: 'data1', 
    valueField: 'data1', 
    width: 250, 
    labelWidth: 120, 
    fieldLabel: 'select a value', 
    renderTo: 'simpleCombo', 
    queryMode: 'local', 
    typeAhead: true 
}); 

Answer 1

Đơn giản chỉ cần sử dụng sự kiện chọn

var simpleCombo = Ext.create('Ext.form.field.ComboBox', { 
      store: store, 
      displayField: 'data1', 
      valueField: 'data1' , 
      width: 250, 
      labelWidth: 120, 
      fieldLabel: 'select a value', 
      renderTo: 'simpleCombo', 
      queryMode: 'local', 
      typeAhead: true, 
      listeners: { 
       select: function(combo, records) { 
        // note that records are a array of records to be prepared for multiselection 
        // therefore use records[0] to access the selected record 
       } 
     }); 

API Link

nội dung bổ sung từ các ý kiến:

Hãy xem tài sản multiSelect của combobox. Bạn nhận được tất cả các giá trị được phân cách bằng dấu phân tách được xác định và sự kiện chọn sẽ cung cấp cho bạn một mảng bản ghi với nhiều bản ghi đó. Lưu ý rằng getValue() chỉ cung cấp cho bạn displayField được định nghĩa là một chuỗi chứ không phải bản thân bản ghi. Vì vậy, việc sử dụng iComboValue [0] sẽ cho bạn nhân vật đầu tiên. Các bản ghi đã chọn sẽ luôn được truy cập bằng sự kiện đã chọn. Nhưng bạn có thể lưu trữ chúng trong một mảng để sử dụng sau này và ghi đè lên nó với bất kỳ lựa chọn mới nào.

Answer 2

Bạn cũng có thể sử dụng:

var iComboValue = simpleCombo.getValue(); 

Answer 3

có thể bạn nên thử loại này

// to get the combobox selected item outside the combo listener 
     simpleCombo.on('change', function (combo, record, index) { 

      alert(record); // to get the selected item 

      console.log(record); // to get the selected item 

     }); 

Answer 4

Khi sử dụng combo.getValue() (như Izhaki đã chỉ ra), đảm bảo các combo box đã được cấu hình một cách chính xác để sử dụng trường có liên quan từ mô hình cửa hàng.

Store với một lĩnh vực có giá trị và các lĩnh vực tên

var bandsStore = Ext.create('Ext.data.Store', { 
    fields: ['color', 'name'], 
    data : [ 
    {"color": "green", "name": "Green Day"}, 
    {"color": "pink", "name": "Pink Floyd"}, 
    {"color": "purple", "name": "Deep Purple"} 
    ] 
}); 

Combo hộp bằng trường màu cho giá trị

}, { 
    xtype: 'combo', 
    id: 'BandsCombo', 
    fieldLabel: 'Band Names', 
    name: 'bandNames', 
    store: bandsStore, 
    displayField: 'name', 
    valueField: 'color' 
}, { 

Đã dành một chút trong khi ngày nay làm việc ra lý do tại sao hình thức của tôi giữ đăng null cho trường combobox. Đây là vấn đề. :)