<h1>
    Menu
</h1>

<p>
    The Menu control extends the ComboBox to add features
    like a non-editable header, an <b>itemClicked</b> event,
    and commands.
</p>
<p>
    The simplest way to use the Menu control is by populating
    the Menu via its <b>itemsSource</b> property and handling
    the <b>itemClicked</b> event. The event handler can inspect
    the menu's <b>selectedItem</b> property to determine which
    item was clicked and take the appropriate action.
</p>

<div id="menuFile">
    File
    <div>
        <span class="glyphicon glyphicon-asterisk"></span>&nbsp;&nbsp;
        <b>New</b>
        <br>
        <small><i>create a new file</i></small>
    </div>
    <div>
        <span class="glyphicon glyphicon-folder-open"></span>&nbsp;&nbsp;
        <b>Open</b>
        <br>
        <small><i>open an existing file or folder</i></small>
    </div>
    <div>
        <span class="glyphicon glyphicon-floppy-disk"></span>&nbsp;&nbsp;
        <b>Save</b>
        <br>
        <small><i>save the current file</i></small>
    </div>
    <div class="wj-separator"></div>
    <div>
        <span class="glyphicon glyphicon-remove"></span>&nbsp;&nbsp;
        <b>Exit</b>
        <br>
        <small><i>exit the application</i></small>
    </div>
</div>
<div id="menuEdit">
    Edit
    <div>
        <span class="glyphicon glyphicon-scissors"></span>&nbsp;&nbsp;
        <b>Cut</b>
        <br>
        <small><i>move the current selection to the clipboard</i></small>
    </div>
    <div>
        <span class="glyphicon glyphicon-copy"></span>&nbsp;&nbsp;
        <b>Copy</b>
        <br>
        <small><i>copy the current selection to the clipboard</i></small>
    </div>
    <div>
        <span class="glyphicon glyphicon-paste"></span>&nbsp;&nbsp;
        <b>Paste</b>
        <br>
        <small><i>insert clipboard content at the cursor position</i></small>
    </div>
</div>
@Html.C1().Menu().Id("theMenuFile")
@Html.C1().Menu().Id("theMenuEdit")