以闪电般的快速动作捕获 X 关闭按钮事件

Question

. Answers to this question are eligible for a +50 reputation bounty. Bounty grace period ends in 23 hours . Mangoski wants to to this question.

I have one quick action which opens up the aura lightning component. In that I have one requirement to execute some logic when the quick action is closed by "X" close button on the top right corner( not by cancel button ).

I was searching so many articles most of them explained about closing the quick action by clicking the cancel button. I would like to know whether we can write some logic when quick action is closed by "X" close button or is there any way we can capture the onClick event for this close button.

I couldn't share any code snippets because I have not written any, still I am searching for solutions.

Answer 1

Have you seen the aura component lifecycle , especially stuff around (re)rendering the component? You could attach what you need to "unrender" call .

Put this in myComponent/myComponentRenderer.js and try?

({
    unrender: function () {
        this.superUnrender();
        alert('You\'re closing me, I thought we were friends');
    }
})

Alternatively have a look at handling aura:valueDestroy . I mean renderer should just try to clean some custom DOM stuff, free memory maybe, shouldn't run business logic. If there's a more appropriate system event - maybe play with that one?

Answer 2

Have you tried creating a custom event to handle this?
Reference: Lightning Aura Components Developer Guide: Create Custom Component Events

Create a custom component event using the <aura:event> tag in a.evt resource. Events can contain attributes that can be set before the event is fired and read when the event is handled. Use type="COMPONENT" in the <aura:event> tag for a component event. For example, this c:compEvent component event has one attribute with a name of message .

    1.  <!--c:compEvent-->
    2.  <aura:event type="COMPONENT">
    3.      <!-- Add aura:attribute tags to define event shape.
    4.           One sample attribute here. -->
    5.      <aura:attribute name="message" type="String"/>
    6.  </aura:event>
    7.

The component that fires an event can set the event's data. To set the attribute values, call event.setParam() or event.setParams() . A parameter name set in the event must match the name attribute of an <aura:attribute> in the event. For example, if you fire c:compEvent , you could use:

    1.
    2. event.setParam("message", "event message here");
    3.

The component that handles an event can retrieve the event data. To retrieve the attribute value in this event, call event.getParam("message") in the handler's client-side controller.