EasyUI 中 MenuButton 的使用方法

在EasyUI 的Demo 中只有MenuButton 的显示DEMO，没有click 事件的相关操作，项目中正好用到啦，所以研究了下，可以用js 动态的为menu item 绑定click 事件。

具体操作实现方法：

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中的menualert(item.text);}
})

好了。今天就到这里，休息休息一下！

转载于:https://www.cnblogs.com/hxling/archive/2012/07/12/2587579.html

EasyUI 中 MenuButton 的使用方法相关推荐

php 可以编辑treegrid,浅谈EasyUI中编辑treegrid的方法
主从表,从表是一个treegrid,加载完数据后,点击节点进入编辑状态. 复制代码代码如下: columns : [ [ { title : "ID", field : &quo ...
php 可以编辑treegrid,浅谈EasyUI中编辑treegrid的方法_jquery
主从表,从表是一个treegrid,加载完数据后,点击节点进入编辑状态. columns : [ [ { title : "ID", field : "id", ...
EasyUI中Datagrid列定位方法
lastIndex = $('#grid').datagrid('getRows').length - 1;//获取编辑的行号 var editors = $('#grid').datagrid('g ...
Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法在添加完之后,可以使用 $.parser.parse();这个方法进行处理: (1) 对整个页面重新渲染: $.parser ...
easyUI中combobox中idFeild和textFeild的取值方法
easyUI中combobox是比较常用的选择数据的方式,在官方的API说明中是这样描述的:扩展自 $.fn.combo.defaults.使用 $.fn.combobox.defaults重写默认值 ...
easyUI中的linkbutton取文本及改变属性的方法
一.easyUI中的linkbutton改变属性的方法: $('#fullscreen').linkbutton({text: '退出全屏',iconCls: 'icon-remove'}); 不能用 ...
ajax与easyui树节点,EasyUI中的tree用法介绍
真的是太忙了,本应该有好多东西可以写,但是没什么闲时间,每次想到写的时候,来点事就又给忘了.10月最后一天了,在忙也得把这篇文章写完,不然又得多一个空白月了. 这是之前带领成员开发一个小模块功能的时候 ...
在c语言中log函数的作用,C++_在C语言中使用对数函数的方法，C语言log()函数：返回以e为底的 - phpStudy...
在C语言中使用对数函数的方法 C语言log()函数:返回以e为底的对数值头文件: #include log() 函数返回以 e 为底的对数值,其原型为: double log (double x); ...
datagrid vue_类似 easyui 中 datagrid 使用习惯的 element-ui 数据表格组件（el-datagrid）...
背景 element-ui 中的 el-table 组件只提供了数据展示,而分页功能作为一个单独的组件 el-pagination,并没有像 Ant Design 一样集成到 el-able 组件中, ...

EasyUI 中 MenuButton 的使用方法

EasyUI 中 MenuButton 的使用方法相关推荐

最新文章

热门文章