Bryntum Support Forums

async function generateShowView(objectNode,form,initiatingElement){
      var tabPanelItems = getTabPanelItems(objectNode,form);
      // in case of read only we do not set the save button
      var tbarItems = {};
      if (!(eciDreadOnly === true)){
        tbarItems.save = {icon    : 'b-fa-save',tooltip : Ext.application.hummingbirdApi.getLocalized('Save content'),onClick : 'up.onSaveButtonClick'};
        var readOnlyText = '';
      } else {
        var readOnlyText = ' (' + Ext.application.hummingbirdApi.getLocalized('read only') + eciDalreadyInUse + ')';
      }
      let itemDetail = new bryntum.grid.Panel({
        title:objectNode.classIdentifier + ': ' + Ext.application.hummingbirdApi.getLocalized(objectNode.objectName) + readOnlyText,
        floating:true,
        maxHeight:'90%',
        width:'50%',
        modal:true,
        draggable:true,
        tbar : {
            items : tbarItems
        },
        tools    : {
            destroy : {
                cls : 'b-fa b-fa-times',
                handler : 'up.onPanelCloseClick',
                tooltip : Ext.application.hummingbirdApi.getLocalized('Close this Panel')
            }
        },
        onPanelCloseClick(e, panel) {
            unRegisterProtectApplication();
            panel.destroy();
        },
        items      : [
          {
              type:'tabpanel',
              floating:true,
              items: tabPanelItems
          }
        ],
        onSaveButtonClick({ source : button }) {
          saveObjectNode(objectNode);
          itemDetail.destroy();
        }
      });
      itemDetail.showBy({target:initiatingElement,anchor:true});
    }