ASPxClientFloatingActionButton.ActionExpanding Event

Occurs on the client side when an end user expands an action group.

Declaration

ActionExpanding: ASPxClientEvent<ASPxClientFloatingActionButtonActionExpandingEventHandler<ASPxClientFloatingActionButton>>

Event Data

The ActionExpanding event's data class is ASPxClientFloatingActionButtonActionExpandingEventArgs. The following properties provide information specific to this event:

Property	Description
contextName	Specifies the FAB action’s context name.

Remarks

Note

Refer to the Floating Action Button topic for more information.

The following code snippet illustrates how to use the ActionExpanding event.

ASPX

<dx:ASPxFloatingActionButton ID="ASPxFloatingActionButton1" runat="server" ClientInstanceName="fab" HorizontalMargin="35" ContainerElementID="form1">
        <ClientSideEvents 
            ActionItemClick="OnActionItemClick"
            ActionExpanding="OnActionExpanding"
        />
        <Items>
            <dx:FABActionGroup ContextName="FocusedRowContext">
                <ExpandImage Url="../Content/FloatingActionButton/Images/EditRowContext.svg"></ExpandImage>
                <Items>
                    <dx:FABActionItem ActionName="DeleteRow" Text="Delete">
                        <Image Url="../Content/FloatingActionButton/Images/Delete.svg"></Image>
                    </dx:FABActionItem>
                    <dx:FABActionItem ActionName="EditRow" Text="Edit">
                        <Image Url="../Content/FloatingActionButton/Images/Edit.svg"></Image>
                    </dx:FABActionItem>
                </Items>
            </dx:FABActionGroup>
         ...
        </Items>
    </dx:ASPxFloatingActionButton>

JS

function OnActionExpanding(s, e) {
    if(e.contextName =="FocusedRowContext")
        //some code
}