JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://cdn.sencha.io/ext-4.1.0-gpl/resources/css/ext-all.css" />
<script src="http://cdn.sencha.io/ext-4.1.0-gpl/ext-all-debug.js"></script>
JavaScript
var storeInstance = Ext.create('Ext.data.ArrayStore', {
fields: ['company', 'price'],
data: [
['3m Co',71.72],
['Alcoa Inc',29.01],
['Boeing Co.',75.43]
]
});
var storeConfig = {
xtype: 'store:array',
fields: [ 'company', 'price' ],
data: [
['3m Co',71.72],
['Alcoa Inc',29.01],
['Boeing Co.',75.43]
]
};
Ext.widget({
xtype: 'combobox',
renderTo: Ext.getBody(),
fieldLabel: 'Store instance',
displayField: 'company',
valueField: 'price',
store: storeInstance
});
Ext.widget({
xtype: 'combobox',
renderTo: Ext.getBody(),
fieldLabel: 'Store config',
displayField: 'company',
valueField: 'price',
store: storeConfig
});