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

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

Ext.define('UCAN.common.entity.shared.EntitySubHeader', {
  extend: 'Ext.Container',
  xtype: 'entitySubHeader',
  cls: 'js-ucan-entity-sub-header ucan-entity-sub-header',

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

  layout: 'vbox',

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

  // region Update Attributes

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

  // endregion

});