Класс комбобокса это Ext.form.field.ComboBox. Собственно, сам комбобокс требует каких-либо данных. Можно их прописывать непосредственно в коде программы, локально. А можно загружать с сервера. В данном посте мы посмотрим самый простой способ – локальное хранение данных.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
// Сначала формируем хранилище данных var states = Ext.create('Ext.data.Store', { fields: ['abbr', 'name'], data : [ {"Primary_key":"1", "name":"Delphi"}, {"Primary_key":"2", "name":"Javascript"}, {"Primary_key":"3", "name":"PHP"} ] }); myfunction=function(){alert('hello');}; // Теперь собтвенно combobox Ext.create('Ext.form.ComboBox', { fieldLabel: 'Choose language', store: states, queryMode: 'local',//При загрузке с сервера - жмем remote displayField: 'name', valueField: 'Primary_key', renderTo: Ext.getBody(), listeners:{ // Обработка событий традиционно, через listeners scope: this, select: function(){alert('hello from comboBox');} } }); |
Теперь сделаем простую обработку событий при выборе одного из элементов