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

前端之家收集整理的这篇文章主要介绍了轻松学习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相关文章