Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Load Content on Demand

First Name 
Last Name 
Birth Date 
Title 
Hire Date 
Details 
NancyDavolio12/8/1948Sales Representative5/1/1992 More Info...
AndrewFuller2/19/1952Vice President, Sales8/14/1992 More Info...
JanetLeverling8/30/1963Sales Representative4/1/1992 More Info...
MargaretPeacock9/19/1937Sales Representative5/3/1993 More Info...
StevenBuchanan3/4/1955Sales Manager10/17/1993 More Info...
MichaelSuyama7/2/1963Sales Representative10/17/1993 More Info...
RobertKing5/29/1960Sales Representative1/2/1994 More Info...
LauraCallahan1/9/1958Inside Sales Coordinator3/5/1994 More Info...
AnneDodsworth1/27/1966Sales Representative11/15/1994 More Info...

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.