JSFiddle - React, Tailwind, and code Playground

by charlesbourasseau

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 store = Ext.create('Ext.data.Store', {
    alias: 'store.ModeStore',
    autoLoad: false,
    storeId: 'ModeStore',
    fields: [
        {
            name: 'mode',
            type: 'string'
        },
        {
            name: 'id',
            type: 'string'
        }
    ],
    data: [
        {mode: 'mode1', id: 1}        
    ]
});


Ext.define('MyApp.controller.Combobox', {
    extend: 'Ext.form.field.ComboBox',
    displayField: 'mode',
    valueField: 'mode',
    store: store
});

var container = Ext.create('MyApp.controller.Combobox', {
    renderTo: Ext.getBody(),
});

store.add({mode: 'mode2', id: 2});
store.loadRawData({mode: 'mode2', id: 2});
store.loadData({mode: 'mode2', id: 2});