<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>пример</title>
<script type='text/javascript' src='http://docs.sencha.com/ext-js/4-0/extjs/ext-all.js'></script>
<link rel="stylesheet" type="text/css" href="http://docs.sencha.com/ext-js/4-0/extjs/resources/css/ext-all.css">
<script>
Ext.onReady(function() {
var states = Ext.create('Ext.data.Store', {
fields: ['abbr', 'name'],
data : [
{"abbr":"AL", "name":"Alabama"},
{"abbr":"AK", "name":"Alaska"},
{"abbr":"AZ", "name":"Arizona"}
]
});
var combo = Ext.create('Ext.form.ComboBox', {
fieldLabel: 'Choose State',
labelAlign: 'right',
store: states,
queryMode: 'local',
multiSelect: true,
listeners: {
select: function(c) {
if( c.getValue().length>0 )
Ext.Msg.alert('мессага', 'Выбранные в комбо значения: '+c.getValue());
else
Ext.Msg.alert('мессага', 'Выбранных значений нет');
}
},
displayField: 'name',
valueField: 'abbr'
});
var botton = Ext.create('Ext.button.Button', {
text: 'Узнать выбранные значения',
style: 'margin-left: 5px;',
handler: function() {
combo.fireEvent('select', combo);
}
});
Ext.create('Ext.panel.Panel', {
border: false,
layout: 'column',
renderTo: Ext.getBody(),
items: [
combo, botton
]
});
});
</script>
<body>
</body>
</html>