ASPxClientFloatingActionButtonActionExpandingEventArgs.contextName Property

Specifies the FAB action’s context name.

Declaration

contextName: string

Property Value

Type	Description
string	Specifies the FAB action’s context name.

Remarks

Use the ContextName property to specify the action’s context name.

Concept

Floating Action Button

Example

ASPX

<dx:ASPxFloatingActionButton ID="ASPxFloatingActionButton1" runat="server" ClientInstanceName="fab" HorizontalMargin="35" ContainerElementID="form1"> 
    <ClientSideEvents  
        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")
        //your code 
}

Online Demo

Floating Action Button for GridView