mini.Menu

菜单控件。可加入菜单项对象MenuItem

Extend

mini.Control

Usage

<ul id="menu2" class="mini-menu">
    <li>
        <span >操作</span>
        <ul>
            <li iconCls="icon-new" onclick="onItemClick">新建</li>
            <li class="separator"></li>
            <li iconCls="icon-add" onclick="onItemClick">增加</li>    
            <li iconCls="icon-edit" onclick="onItemClick">修改</li>
            <li iconCls="icon-remove" onclick="onItemClick">删除</li>                      
        </ul>
    </li>
    <li class="separator"></li>
    <li iconCls="icon-open" onclick="onItemClick">打开</li>
    <li iconCls="icon-remove" onclick="onItemClick">关闭</li>
</ul>

Screenshots

Examples

Menu ContextMenu

Properties

NameTypeDescriptionDefault Set? Get? Tag?
vertical Boolean 是否竖向 true
allowSelectItem Boolean 是否允许选择菜单项 false
url String 菜单数据地址
textField String text
idField String id
parentField String pid
resultAsTree Boolean true
dataField String 数据列表字段
imgPath String 节点图片路径。节点可以设置"img"属性。

Methods

NameParameterDescriptionReturn
setItems ( items ) 设置菜单项数组。菜单项对象MenuItem
showAtPos ( x, y ) 显示菜单
getSelectedItem ( ) 获得选中的菜单项对象。
load ( url ) 加载菜单数据
loadList ( Array, idField, parentField ) 加载列表数据。比如:tree.loadList(list, "id", "pid")

Events

NameEventObjectDescription
itemclick
{
  sender: Object,         //树对象
  item: Object,           //项对象
  isLeaf: Boolean
}
菜单项点击时发生
itemselect
{
  sender: Object,         //树对象
  item: Object,           //项对象
  isLeaf: Boolean
}
菜单项选中时发生