можно так
просто добавить typeAhead:true
начните вводить слово Alabama
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>demo</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: ['id', 'name'],
data : [
{"id": 1, "name":"Alabama"},
{"id": 2, "name":"Alaska"},
{"id": 3, "name":"Arizona"}
]
});
Ext.create('Ext.form.ComboBox', {
fieldLabel: 'Choose State',
store: states,
queryMode: 'local',
typeAhead:true,
displayField: 'name',
valueField: 'id',
listeners: {
select: function (combo, record) {
alert(record[0].get('id'))
}
},
renderTo: Ext.getBody()
});
});
</script>
</body>
</html>