EasyUI 中 MenuButton 的使用方法

  具体操作实现方法:

  Html 代码:

  

复制代码 代码如下:

  <a id="a4" style="color:#0094ff" icon="icon-lightning">批量设置列宽</a>

  <div id="cusmenu" style="width:150px;">

  <div id="80">宽度 80px</div>

  <div id="100">宽度 100px</div>

  <div id="120">宽度 120px</div>

  <div class="menu-sep"></div>

  <div iconCls="icon-set2">自定义列宽</div>

  </div>

  js:

  

复制代码 代码如下:

  //初始化

  var ddlMenu = $('#a4').menubutton({ menu: '#cusmenu' });

  //menubutton 依赖于 menu、linkbutton 这两个插件,所以我们可以这样搞定她

  $(ddlMenu.menubutton('options').menu).menu({

  onClick: function (item) {

  //item 的相关属性参见API中的menu

  alert(item.text);

  }

  })

  好了。今天就到这里