ucan-ext-js-kitchen-sink/packages/local/common-ux/src/entity/shared/EntityBasicHeader.js

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

Ext.define('UCAN.common.entity.shared.EntityBasicHeader', {
  extend: 'Ext.Container',
  xtype: 'entityBasicHeader',
  cls: 'js-ucan-entity-basic-header ucan-entity-basic-header',

  config: {
    headerContent: []
  },
  twoWayBindable: {
    headerContent: false
  },
  publishes: ['headerContent'],

  layout: 'vbox',

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

  // region Update Attributes

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

  // endregion

});