ASPxClientFloatingActionButtonActionCollapsingEventArgs.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

Concept

Floating Action Button

Example

ASPX

<dx:ASPxFloatingActionButton ID="ASPxFloatingActionButton1" runat="server" ClientInstanceName="fab" HorizontalMargin="35" ContainerElementID="form1"> 
    <ClientSideEvents  
        ActionCollapsing="OnActionCollapsing"
    /> 
    <Items> 
        <dx:FABAction ActionName="NewRow" ContextName="NewRowContext">
        </dx:FABAction>
        <dx:FABActionGroup ContextName="FocusedRowContext">
            <ExpandImage Url="../Content/FloatingActionButton/Images/EditRowContext.svg"></ExpandImage>
            <Items>
            ...
            </Items>
        </dx:FABActionGroup>
        ...
    </Items> 
</dx:ASPxFloatingActionButton> 

JS

function OnActionCollapsing(s, e) {
    if(e.contextName === "FocusedRowContext" && e.collapseReason === ASPxClientFloatingActionButtonCollapseReason.CollapseButton) {
        setTimeout(function() {
        grid.SetFocusedRowIndex(-1);
        fab.SetActionContext("NewRowContext");
        }, 100);
    }
}

Online Demo

Floating Action Button for GridView