Question Re: Adding event in custom control that blocks default event in Technology Q&A

Adding event in custom control that blocks default event

davidsigleinit — Fri, 24 Nov 2023 12:01:15 GMT

Hello all,

I have a custom control that extends from sap.m.StandardTile and I want to add an enabled property to it, so I can prevent the "press" event from firing if enabled = false.

My trouble now is that in this example of adding a custom event to a custom control that extends the default Button: Documentation - Demo Kit - SAPUI5 SDK (ondemand.com) .

Where does the function this.fireHover() come from? I checked the api reference for Button and there is no such thing as .fireHover() in it. So is this function that is the implemented in the custom control and is just missing in this example or am I missing something?

In my use case, I would simply think that I can override the press method like so:

and define the new enabled property like so:

However the press event still fires, even if I set the new enabled propert to enabled = "false" in the XML.

Any help would be greatly appreciated.

Cheers!

Re: Adding event in custom control that blocks default event

AlexNecula30 — Fri, 24 Nov 2023 13:09:40 GMT

Hi, I didn't test this, but you can try to overwrite firePress like this:

firePress: function () {
    if (this.getEnabled()) {
         StandardTile.prototype.firePress.call(this);
    }
}

Re: Adding event in custom control that blocks default event

boghyon — Sun, 26 Nov 2023 00:24:02 GMT

What is the reason for extending sap.m.StandardTile in the first place? The StandardTile is deprecated since UI5 1.50. Consider using sap.m.GenericTile instead which supports the "Disabled" state among others out of the box. If the GenericTile is disabled, no press event will be fired.

<GenericTile xmlns="sap.m" state="Disabled" pressEnabled="false">
  <!-- ... -->

Sample: https://ui5.sap.com/#/entity/sap.m.GenericTile/sample/sap.m.sample.GenericTileStates/code
API Reference: https://ui5.sap.com/#/api/sap.m.GenericTile