Back to Devexpress

ASPxClientFloatingActionButtonCollapseReason Class

aspnet-js-aspxclientfloatingactionbuttoncollapsereason.md

latest1.6 KB
Original Source

ASPxClientFloatingActionButtonCollapseReason Class

Lists values specifying whether the user action or APIs has collapsed the action group.

Declaration

ts
declare class ASPxClientFloatingActionButtonCollapseReason

Remarks

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

See Also

ASPxClientFloatingActionButtonCollapseReason Members