顶部广告位

Menu(菜单)

使用$.fn.menu.defaults重写默认值对象。

菜单组件通常用于快捷菜单。他是构建其他菜单组件的必备基础组件。比如:menubutton和splitbutton。它还可以用于导航和执行命令。

示例

创建菜单

通过标签创建菜单,给<div/>标签添加一个名为'easyui-menu'的类ID。每个菜单项都通过<div/>标签创建。我们可以添加'iconCls'属性来给菜单项定义一个图标显示到菜单项的左侧。添加'menu-sep'类ID菜单项将会生成一个菜单分割线。

<div id="mm" class="easyui-menu" style="width:120px;">   
      <div>New</div>   
      <div>   
          <span>Open</span>   
          <div style="width:150px;">   
              <div><b>Word</b></div>   
              <div>Excel</div>   
              <div>PowerPoint</div>   
          </div>   
      </div>   
      <div data-options="iconCls:'icon-save'">Save</div>   
      <div class="menu-sep"></div>   
      <div>Exit</div>   
  </div>

使用Javascript创建菜单项并监听'onClick'事件。

$('#mm').menu({    
      onClick:function(item){    
          //...    
      }    
  });

显示菜单

在菜单被创建的时候它是隐藏和不可见的。调用'show'方法显示菜单。

$('#mm').menu('show', {    
    left: 200,    
    top: 100    
  });


鄂ICP备16023636号 © 2017 菜鸟程序员