dijit.CheckedMenuItem

Contents

• dijit.CheckedMenuItem
  • Examples
  • Accessibility

The CheckedMenuItem is a checkbox-like menu item for toggling on/off. Every time the user clicks the widget, it changes state between checked and unchecked. The default initial state of the widget is unchecked. User can optionally change the initial state of the widget and can disable the widget as well. A user defined event function, onChange, is used to handle check/uncheck events.

To change the default state of the menu item to “checked”,

var cItem = new dijit.CheckedMenuItem({label:"ToolBar", checked:true});

var cItem = new dijit.CheckedMenuItem({label:"ToolBar", checked:true});

The menu item can be disabled as follows:

var cItem = new dijit.CheckedMenuItem({label:"Checked Menu Item", disabled:true});

var cItem = new dijit.CheckedMenuItem({label:"Checked Menu Item", disabled:true});

This widget is helpful in cases where the user has to toggle particular column/row, on/off as and when it is required. The examples below illustrate the usage of the widget.

Examples

See the dijit.Menu page for an example.

Accessibility

Keyboard

Action	Key
Navigate to menu item	Up and down arrow keys
check/uncheck menu item	Spacebar or enter

Table of Contents

• dijit.CheckedMenuItem
  • Examples
  • Accessibility
    • Keyboard