JSFiddle - React, Tailwind, and code Playground

by Rambabu Pudi

HTML

<script src="http://dev.sencha.com/extjs/5.0.0/ext-all-debug.js"></script>
<link rel="stylesheet" href="http://dev.sencha.com/extjs/5.0.0/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all-debug.css">

JavaScript

Ext.onReady(function() {

    var store = Ext.create('Ext.data.Store', {
        fields: ['text'],
        data: [
            ['tag1'],['tag2'],['tag3'],['tag4'],['tag5'],['tag6']
        ]
    });
    
    Ext.create('Ext.panel.Panel', {
        renderTo: Ext.getBody(),
        width: 500,
        height: 400,
        items: [
            {
                xtype: 'tagfield',
                store: store,
				        value: ['tag2','tag6','tag3'],
                expand: Ext.emptyFn,
                hideTrigger: true
                listeners: {
         render: function( component ) {
                component.getEl().on('click', function( event, el ) {
                   alert("asdfsadfsd");
                });
            }
    	}
            }
            
        ],
         
    });
    
});