Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


In order to handle the events or to enable additional actions on the record, canvas provides a variety of handlers according to the nature of the apps. Following are the events that you can use to handle the events on the app:

  • CELL_CLICK

This handler is applicable only for different types of grid views, chart apps and tree/org apps. This event occurs when the user clicks on a cell or area on the app.

Code Block
languagejs
CWEH.registerHandler('WS_DESIGNER_APP', CWEC.CELL_CLICK, function(arguments)
{
	console.log(arguments);
}) 
  • CELL_DBLCLICK

This handler is applicable only for different types of grid views, chart apps and tree/org apps. This event occurs when the user double-clicks on a cell or area on the app.

Code Block
languagejs
CWEH.registerHandler('WS_DESIGNER_APP', CWEC.CELL_DBLCLICK, function(arguments) 
{
	console.log(arguments);
})  
  • PREF_CHNG

This handler is applicable only for LIST and Live Scroll Grid with Cache views. This event occurs when the user changes the preference.

Code Block
languagejs
CWEH.registerHandler('WS_DESIGNER_APP', CWEC.PREF_CHNG, function(arguments)
{
	console.log(arguments);
}) 
  • contextclickCONTEXT_CLICK

This handler is applicable only for the grid views. This event occurs when the user right-clicks on any data or cell in the grid.
See Creating a sample Context Menu for more details.

  • DRILL_DOWN

This is a special handler and is applicable only for column in the grid whose DRILL_DOWN_IND is marked as 'Y'. This event occurs when the user clicks on the hyper-linked data on the drill down enabled column.

Code Block
languagejs
CWEH.registerHandler('WS_DESIGNER_APP', CWEC.DRILL_DOWN, function(arguments)
{
	console.log(arguments);
})


  • BBAR_BUTTON_CLICK

This handler is applicable for all the views. This event occurs when the user clicks on the buttons, which is displayed in the app button bar.

Code Block
CWEH.registerHandler('WS_DESIGNER_APP', CWEC.BBAR_BUTTON_CLICK, function(arguments)
{
	console.log(arguments);
}) 
  • NODE_CLICK

This handler is applicable only for ORG view. This event occurs when the user clicks on any node in the organization chart view.

...

Code Block
languagejs
CWEH.registerHandler('WS_DESIGNER_APP', CWEC.ROW_CLICK, function(arguments) 
{ 
	console.log(arguments);
} 
  • FLOW_CLICK

This handler is applicable only for ORG view. This event occurs when the user clicks on the line joining the two nodes in the organization chart view.

Code Block
CWEH.registerHandler('WS_DESIGNER_APP', CWEC.FLOW_CLICK, function(arguments) 
{
	console.log(arguments);
})
  • EXPAND

This handler is applicable for all the views. This event occurs when the user expands or maximizes the app.

Code Block
CWEH.registerHandler('WS_DESIGNER_APP', CWEC.EXPAND, function(arguments) 
{
	console.log(arguments);
}) 
  • HIGHLIGHT

This handler is applicable only for LIST, GROUP and PAGING views. The event occurs when the user selects one or more records on the grid.

Code Block
languagejs
CWEH.registerHandler('WS_DESIGNER_APP', CWEC.HIGHLIGHT, function(arguments) 
{ 
	console.log(arguments);
}) 
  • SWITCH_VIEW_CHANGE

This handler is applicable for all the views. This event occurs while initializing the view of the app.

...