ucan-ext-js-kitchen-sink/packages/local/explorerView/src/ExplorerViewHeaderContainer.js

my-ext-gen-app description for Ext JS app MyExtGenApp

Ext.define('UCAN.explorerView.src.ExplorerViewHeaderContainer', {
  extend: 'Ext.Container',
  xtype: 'explorerViewHeaderContainer',
  cls: 'js-ucan-explorer-view-header ucan-explorer-view-header',

  config: {
    headerContent: []
  },

  layout: 'vbox',

  items: [
    {
      layout: 'hbox',
      items: [
        {
          xtype: 'spacer',
          cls: 'ucan-explorer-view-header-line'
        }
      ]
    },
    {
      layout: 'hbox',
      cls: 'js-ucan-explorer-view-header-container ucan-explorer-view-header-container',
      items: []
    }
  ],

  // region Update Attributes

  updateHeaderContent: function(config) {
    let headerContent = this.down('[cls~=js-ucan-explorer-view-header-container]');
    headerContent.removeAll();
    config.forEach(item => {
      headerContent.add(item);
    });
  }

  // endregion

});