Adding Handlers to the App

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:

• cellclick

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.

CWEH.registerHandler('WS_DESIGNER_APP', CWEC.CELL_CLICK, function(arguments)
 { 
	console.log(arguments);
 }) 

• celldblclick

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.

CWEH.registerHandler('WS_DESIGNER_APP', CWEC.CELL_DBLCLICK, function(arguments) 
{
 console.log(arguments);
})  

• preferencechange

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

CWEH.registerHandler('WS_DESIGNER_APP', CWEC.PREF_CHNG, function(arguments)
 { 
	console.log(arguments);
}) 

• contextclick

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.

• drilldown

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.

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

• bbuttonclick

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.

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

• nodeClick

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

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

CWEH.registerHandler('WS_DESIGNER_APP', CWEC.ROW_CLICK, function(arguments) 
{ 
 console.log(arguments);
} 

• flowClick

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.

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

• widgetexpand

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

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.

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

• viewchange

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

CWEH.registerHandler('WS_DESIGNER_APP', CWEC.SWITCH_VIEW_CHANGE, function(arguments) 
{
 console.log(arguments);
})