JSFiddle - React, Tailwind, and code Playground

by molecule

HTML

<link rel="stylesheet" href="http://dev.sencha.com/deploy/ext-4.0.2a/resources/css/ext-all.css">

JavaScript

Ext.define('AA.model.proc.Process', {
    extend: 'Ext.data.Model',
    fields: [
     { name: 'name', type: 'string' },
     { name: 'owner', type: 'string' },
     { name: 'mail_dest', type: 'string' }
    ],
    proxy: {
     type: 'rest',
     url : 'data/camp.json',
     reader: {
        type: 'json',
        root: 'camp',
        totalProperty: 'count'
    }
}
});


Ext.define('AA.store.proc.Process', {
    extend: 'Ext.data.Store',
    model: 'AA.model.proc.Process',
});
var store = Ext.create('AA.store.proc.Process', {
    data: {camp: [
        {name: 'dkgkdg', owner: 'kdjgkkdkkk', mail_dest: 'kkkkk'}
    ]}
});


Ext.define('AA.view.proc.IM' ,{
    extend: 'Ext.window.Window',
    alias : 'widget.im',
    title : 'IM',
    layout: 'fit',
    height: 500,
    width: 400,
    autoShow: true,
    plain: true,
    modal: true,
    headerPosition: 'right',
    closable: false,
    initComponent: function() {
        this.items = [
            {
            xtype: 'form',
            fileUpload: true,
            width: 550,
            autoHeight: true,
            border: false,
            bodyStyle:'padding:5px 5px 0',
            frame:true,
            labelWidth: 100,
            defaults: {
                anchor: '95%',
                allowBlank: false,
                msgTarget: 'side'
            },
            items: [{
                xtype: 'combo',
                name: 'name',
                store: 'store',
                fieldLabel: 'Name',
                valueField: 'name',
                displayField: 'name',
                width: 150,
                allowBlank: true,
                listeners:{
                     scope: this,
                     'select' : this.loadForm
                }
            },{
                xtype: 'textfield',
                fieldLabel: 'Name',
                name: 'name'
            },{
                xtype: 'textfield',
                fieldLabel: 'Owner',
                name: 'owner'
         ...