Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Next »


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 sectionCreating 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);})

Note: If you are using CT 18.1, use rowclick event instead of nodeclick for Org view as follows:
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);}) 


  • No labels