JSFiddle - React, Tailwind, and code Playground

by Serghei Cebotari

HTML

<link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/extjs/4.0.1/resources/css/ext-all.css" />

JavaScript

Ext.application({
    name: 'test',
    launch: function() {
        var store = Ext.create('Ext.data.Store', {
            autoLoad: true,
            fields: [
                {
                name: 'id',
                type: 'int'},
            {
                name: 'month',
                type: 'string'},
            {
                name: 'color',
                type: 'string'}
            ],
            data: [
                {
                "id": 0,
                "month": "January",
                "color": "red"},
            {
                "id": 1,
                "month": "February",
                "color": "red"},
            {
                "id": 2,
                "month": "March",
                "color": "red"},
            {
                "id": 3,
                "month": "April",
                "color": "blue"},
            {
                "id": 4,
                "month": "May",
                "color": "red"},
            {
                "id": 5,
                "month": "June",
                "color": "green"},
            {
                "id": 6,
                "month": "July",
                "color": "green"},
            {
                "id": 7,
                "month": "August",
                "color": "red"},
            {
                "id": 8,
                "month": "September",
                "color": "pink"},
            {
                "id": 9,
                "month": "October",
                "color": "blue"},
            {
                "id": 10,
                "month": "November",
                "color": "yellow"},
            {
                "id": 11,
                "month": "December",
                "color": "red"}
            ]
        });


        var grid = Ext.create('Ext.grid.Panel', {
            title: 'Grid',
            store: store,
            plugins: [
                Ext.create('Ext.grid.plugin.CellEditing', {
                    clicksToEdit: 2
               ...