轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮

一、EasyUI创建简单的菜单

菜单(Menu)定义在一些 DIV 标记中,如下所示:

Open
Word
Excel
PowerPoint

菜单创建之后是不显示的,调用 'show' 方法显示它或者调用 'hide' 方法隐藏它:

二、EasyUI创建按钮

1、EasyUI创建链接按钮(Link Button) 通常情况下,使用

正如您所看到的,iconCls 属性是一个 icon 的 CSS class 样式,它在按钮上显示一个 icon 图片。 有时候您需要禁用链接按钮(Link Button)或者启用它,下面的代码演示了如何禁用一个链接按钮(Link Button): $(selector).linkbutton('disable');// call the 'disable' method

2、EasyUI创建菜单按钮(Menu Button) 菜单按钮(Menu Button)

包含一个按钮(button)和一个菜单(menu)组件,当点击或移动鼠标到按钮上,将显示一个对应的菜单

为了定义一个菜单按钮(Menu Button),您应该定义一个链接按钮(Link Button)和一个菜单(menu),下面是一个实例:

现在已经定义好了一个菜单按钮(Menu Button),您不需要写任何的 javascript 代码

3、EasyUI 创建分割按钮(Split Button)

分割按钮(Split Button)包含一个链接按钮(Link Button)和一个菜单(Menu)。当用户点击或者鼠标悬停在向下箭头区域,将会显示一个对应的菜单。本实例演示了如何创建和使用分割按钮(Split Button)。

我们创建一个分割按钮(Split Button)和一个链接按钮(Link Button):

相关文章

jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进...
扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给...
最近项目中需要实现3D图片层叠旋转木马切换的效果,于是用到了jquery.roundabout.js。 兼容性如图: ht...
一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异...
AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一...