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/1948 12:00:00 AMSales Representative5/1/1992 12:00:00 AMMore Info...
AndrewFuller2/19/1952 12:00:00 AMVice President, Sales8/14/1992 12:00:00 AMMore Info...
JanetLeverling8/30/1963 12:00:00 AMSales Representative4/1/1992 12:00:00 AMMore Info...
MargaretPeacock9/19/1937 12:00:00 AMSales Representative5/3/1993 12:00:00 AMMore Info...
StevenBuchanan3/4/1955 12:00:00 AMSales Manager10/17/1993 12:00:00 AMMore Info...
MichaelSuyama7/2/1963 12:00:00 AMSales Representative10/17/1993 12:00:00 AMMore Info...
RobertKing5/29/1960 12:00:00 AMSales Representative1/2/1994 12:00:00 AMMore Info...
LauraCallahan1/9/1958 12:00:00 AMInside Sales Coordinator3/5/1994 12:00:00 AMMore Info...
AnneDodsworth1/27/1966 12:00:00 AMSales Representative11/15/1994 12:00:00 AMMore 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.