Base ExtJS fiddle

by chrisramakers

HTML

<link rel="stylesheet" href="http://dev.sencha.com/deploy/dev/resources/css/ext-all.css">
<script src="http://dev.sencha.com/deploy/dev/adapter/ext/ext-base.js"></script>
<script src="http://dev.sencha.com/deploy/dev/ext-all.js"></script>
<link rel="stylesheet" href="http://dev.sencha.com/deploy/dev/examples/shared/examples.css">

CSS

body { padding: 20px }

JavaScript

Ext.onReady(function(){
    
    
    var machinesList = [["1","hello"],["2","bye"]];
    
    var dsMachines = new Ext.data.ArrayStore({
        fields: [{name: 'machine'},{name: 'name'}],
        data: machinesList
    });

    new Ext.form.ComboBox({
        renderTo: Ext.getBody(),
        xtype:'combo',
        store: dsMachines,
        displayField:'name',
        valueField:'machine',
        editable: false,
        width:150,
        mode: 'local',
        triggerAction: 'all' 
    });
    
});