This demo illustrates how to use the external Floating Action Button (FloatingActionButtonExtension) with the GridView extension.
To associate the floating action button with the grid, set the FloatingActionButtonSettings.ContainerElementID property to the GridView's container ID. The SetActionContext method allows you to specify which action(s) (FABActionItem) the FAB should display in response to user interaction (for example, select a row). The ActionItemClick event allows you to specify the grid's behavior depending on the clicked FAB. For example, the grid switches to edit mode (ASPxClientGridView.StartEditRow) when a user selects this row and clicks the "Edit" FAB action.
Local Copy of this Demo To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer. |
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxNavigationAndLayoutDemos |