ASPxClientFloatingActionButton.ContextChanging Event

Occurs on the client side when the context is changed.

Declaration

ContextChanging: ASPxClientEvent<ASPxClientFloatingActionButtonContextChangingEventHandler<ASPxClientFloatingActionButton>>

Event Data

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

Property	Description
action	Returns the action related to the event.

Remarks

Use the ContextChanging event to handle each context changing.

Concept

Floating Action Button

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 OnContextChanging(s, e) {
    if(e.action.GetContextName() =="FocusedRowContext")
        //some code
}