ASPxClientGridBase.KeyUp Event

Occurs when a user releases the pressed key while the control has focus.

Declaration

KeyUp: ASPxClientEvent<ASPxClientGridKeyboardEventHandler<ASPxClientGridBase>>

Event Data

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

Property	Description
handled	Specifies whether to suppress the keyboard key’s default action. Inherited from ASPxClientGridKeyboardEventArgsBase.
htmlEvent	Gets a DHTML event object that relates to the processed event. Inherited from ASPxClientGridKeyboardEventArgsBase.
isAltPressed	Specifies whether a user presses the Alt key when the event occurs. Inherited from ASPxClientGridKeyboardEventArgsBase.
isCtrlPressed	Specifies whether a user presses the Ctrl key when the event occurs. Inherited from ASPxClientGridKeyboardEventArgsBase.
isShiftPressed	Specifies whether a user presses the Shift key when the event occurs. Inherited from ASPxClientGridKeyboardEventArgsBase.
keyCode	Gets a key code. Inherited from ASPxClientGridKeyboardEventArgsBase.

Remarks

Handle the KeyUp event to process release actions for specific keys. To get information on the released key (for instance, its key or code value), use the e.htmlEvent property. You can also use the e.keyCode event property to get the key code as an integer value.

In the example below, ASPxGridView collapses all expanded group rows when a user releases the custom Shift+Space shortcut (the Space key’s integer code is 32).

JS

var spaceKeyCode = 32;

function onKeyUp(s, e) {
    if (e.isShiftPressed && e.keyCode == spaceKeyCode) {
        s.CollapseAll();
    }
}

ASPX

<dx:ASPxGridView ID="grid" runat="server" ...>
    <Settings ShowGroupPanel="true" />
    <ClientSideEvents KeyUp="onKeyUp" />
    <Columns>
        <dx:GridViewDataColumn FieldName="ShipName" />
        <!--...-->
    </Columns>
</dx:ASPxGridView>