How to get notified when a section of sap.uxap.ObjectPageLayout changes in SAPUI5 1.38? - sapui5

Question

I am working with a SAPUI5 version 1.38 and use in an application the control sap.uxap.ObjectPageSection within sap.uxap.ObjectPageLayout. At a certain section, when you click on it, an event should happen.
I haven't found a solution for this yet unfortunately. See:
I have already tried with attachBrowserEvent and addEventDelegate. But unfortunately, this does not work for this control.
Does anyone have any other ideas how to solve this problem? A workaround?
I would be very grateful for any help.
View1.controller.js
sap.ui.define([
"sap/ui/core/mvc/Controller"
], function (Controller) {
"use strict";
return Controller.extend("test123.test123.controller.View1", {
onInit: function () {
},
onAfterRendering: function () {
var showMessage = function () {
sap.m.MessageToast.show("text");
return false;
};
this.byId("section2").attachBrowserEvent("click", showMessage);
this.byId("section2").addEventDelegate({
onclick: function () {
sap.m.MessageToast.show("text");
}
});
}
});
});
View1.view.xml
<mvc:View controllerName="test123.test123.controller.View1" xmlns:mvc="sap.ui.core.mvc" xmlns:html="http://www.w3.org/1999/xhtml"
displayBlock="true" xmlns="sap.m" xmlns:core="sap.ui.core" xmlns:uxap="sap.uxap">
<App id="idAppControl">
<pages>
<Page title="{i18n>title}">
<content>
<uxap:ObjectPageLayout id="ObjectPageLayoutId"
useIconTabBar="true"
alwaysShowContentHeader="true">
<!-- SECTION 1 -->
<uxap:sections>
<uxap:ObjectPageSection titleUppercase="false" id="section1" title="Section 1">
<uxap:subSections>
<uxap:ObjectPageSubSection>
<uxap:blocks>
<Label text="Content 1" />
</uxap:blocks>
</uxap:ObjectPageSubSection>
</uxap:subSections>
</uxap:ObjectPageSection>
</uxap:sections>
<!-- SECTION 2 -->
<uxap:sections >
<uxap:ObjectPageSection titleUppercase="false" id="section2" title="Section 2">
<uxap:subSections>
<uxap:ObjectPageSubSection>
<uxap:blocks>
<Label text="Content 2" />
</uxap:blocks>
</uxap:ObjectPageSubSection>
</uxap:subSections>
</uxap:ObjectPageSection>
</uxap:sections>
</uxap:ObjectPageLayout>
</content>
</Page>
</pages>
</App>
</mvc:View>

Answer 1

Check out the documentation of 1.38. There is an event called tabSelect. The event is comparable to the event navigate in 1.40.[1]
You can use it as long as the property useIconTabBar equals true:
<uxap:ObjectPageLayout tabSelect=".onTabSelect" useIconTabBar="true">
[1] ⚠️ BREAKING CHANGE: with commit eb75945 (merged with the 1.40 release), the event tabSelect gets removed in favor of navigate! If the application runs with 1.40 or higher in the future, tabSelect should be renamed to navigate also in your code. But please review the differences between the two events beforehand.