JSFiddle - React, Tailwind, and code Playground

by sran

HTML

<script src="http://docs.sencha.com/ext-js/4-1/extjs-build/ext-all.js"></script>
<link rel="stylesheet" href="http://docs.sencha.com/ext-js/4-1/extjs-build/resources/css/ext-all.css">

JavaScript

Ext.onReady(function () {
    var field = Ext.create('Ext.form.field.Text',{
        name: 'name',
        fieldLabel: 'Message',
        allowBlank: false
    });
    
    // callParent is allowed for override
    Ext.override(Ext.form.field.Text, {
        setValue: function(val) {
            this.callParent(['In override']);
            return this;
        }});
    
    Ext.create('Ext.form.Panel', {
        title: 'Contact Info',
        emptyText: 'fill me',
        width: 300,
        bodyPadding: 10,
        renderTo: Ext.getBody(),
        items: [field]
    });
    
    field.setValue('Hello there');
});