I added the following to the sample app's menu config:

<Menu name="ToDoListMenuFile" title="FILE" description="test" width="50">
       <Item name="TDLnew" title="NEW" onmouseover="alert('foo')">
           <Item name="TDLnewcase" title="CASE" image="images/case-new.png"
                   location="NewCase.jsp"/>
           <Item name="TDLnewitem" title="ITEM" image="images/item-new.png"
                   location="index.jsp"/>
           <Item name="TDLnewparty" title="PARTY" onmouseover="alert('bar')" image="images/party-new.png"
                   location="index.jsp"/>
       </Item>

This resulted in:

<li class="menubar">
<a href="#">New</a>
<ul>

<li><a href="NewCase.jsp" title="Case">Case</a></li>
<li><a href="index.jsp" title="Item">Item</a></li>

<li><a href="index.jsp" title="Party" onmouseover="alert('bar')">Party</a></li>
</ul>
</li>

And it should result in:

<li class="menubar">
<a href="#" onmouseover="alert('foo')">New</a>
<ul>

<li><a href="NewCase.jsp" title="Case">Case</a></li>
<li><a href="index.jsp" title="Item">Item</a></li>

<li><a href="index.jsp" title="Party" onmouseover="alert('bar')">Party</a></li>
</ul>
</li>