This demo illustrates how to create and populate a hint programmatically on the client side using our client-side functionality. A hint with the detailed information displays on the left of the cell when the user clicks any cell in the "Details" column.
The Register function is used to register a hint functionality for each cell in the specified column, and its first argument is a target element selector - '[data-visibleindex]'. It specifies that a hint displays for grid cells that have the "data-visibleindex" attribute. The onShowing client event is used to to provide the custom-generated content that is stored in the e.contentElement event argument. The position and triggerAction function's arguments specify the position of a hint and the action that triggers it.
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).
The source code files for this demo are installed (by default) in the following directory:
Open CS Solution
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxDockAndPopupsDemos