ucan-ext-js-kitchen-sink/packages/local/detailView/src/detailView.js

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

Ext.define('UCAN.detailView.src.detailView', {
  extend: 'Ext.Panel',
  alias: 'widget.detailView',
  cls: 'js-ucan-detail-view ucan-detail-view',

  config: {
    displayName: null,
    backAction: '',
    actions: [],
    cardButtons: [],
    cardItems: []
  },
  twoWayBindable: {
    displayName: true,
    backAction: true,
    actions: true,
    cardButtons: true,
    cardItems: true
  },
  layout: 'vbox',
  scrollable: true,
  tbar: {
    xtype: 'detailViewHeaderContainer',
    cls: 'ucan-detail-view-toolbar'
  },
  items: [
    {
      flex: 1,
      xtype: 'detailCard'
    }
  ],

  updateDisplayName: function(config) {
    this.getTbar().setDisplayName(config);
  },

  updateBackAction: function(config) {
    this.getTbar().setBackAction(config);
  },

  updateActions: function(config) {
    this.getTbar().setActions(config);
  },

  updateCardButtons: function(config) {
    this.getTbar().setCardButtons(config);
  },

  updateCardItems: function(config) {
    this.down('[cls~=js-ucan-detail-card-container]').setItems(config);
  }
});