JSFiddle - React, Tailwind, and code Playground

by hiroshi shimizu

JavaScript

Ext.define('MyApp.view.MyViewport', {
  extend: 'Ext.container.Viewport',

  layout: {
    type: 'fit'
  },

  initComponent: function() {
    var me = this;

    Ext.applyIf(me, {
      items: [{
        xtype: 'treepanel',
        height: 250,
        width: 400,
        title: 'My Tree Grid Panel',
        viewConfig: {
          disableSelection: false,
          enableTextSelection: false,
          stripeRows: true
        },
        columns: [{
          xtype: 'treecolumn',
          dataIndex: 'text',
          text: 'Nodes',
          flex: 1
        }, {
          xtype: 'gridcolumn',
          dataIndex: 'text',
          text: 'text'
        }]
      }]
    });

    me.callParent(arguments);
  }

});
Ext.define('MyApp.view.MyViewport', {
  extend: 'Ext.container.Viewport',

  layout: {
    type: 'fit'
  },

  initComponent: function() {
    var me = this;

    Ext.applyIf(me, {
      items: [{
        xtype: 'treepanel',
        height: 250,
        width: 400,
        title: 'My Tree Grid Panel',
        viewConfig: {
          disableSelection: false,
          enableTextSelection: false,
          stripeRows: true
        },
        columns: [{
          xtype: 'treecolumn',
          dataIndex: 'text',
          text: 'Nodes',
          flex: 1
        }, {
          xtype: 'gridcolumn',
          dataIndex: 'text',
          text: 'text'
        }]
      }]
    });

    me.callParent(arguments);
  }

});