发布于 2016-08-28 12:17:04 | 157 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的精品教程，程序狗速度看过来！

EasyUI jQuery UI插件

jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。

---

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

好了。今天就到这里