ASPxClientFloatingActionButtonActionCollapsingEventArgs Class

Provides data for the ActionCollapsing event.

Declaration

declare class ASPxClientFloatingActionButtonActionCollapsingEventArgs extends ASPxClientEventArgs

Remarks

Use the ASPxClientFloatingActionButtonActionCollapsingEventArgs‘s objects as arguments for the ActionCollapsing event.

The ASPxClientFloatingActionButtonActionCollapsingEventArgs objects with proper settings are automatically created and passed to the corresponding event handler.

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

Inheritance

ASPxClientEventArgs

ASPxClientFloatingActionButtonActionCollapsingEventArgs