文档章节

jQuery EasyUI使用教程之创建一个拆分按钮

Miss_Hello_World
 Miss_Hello_World
发布于 2015/10/30 10:31
字数 269
阅读 124
收藏 3

<jQuery EasyUI最新版下载>

本教程主要为大家展示如何使用jQuery EasyUI创建一个拆分按钮。拆分包含了一个链接按钮和菜单,当用户点击或将鼠标悬停在下拉箭头区域时,对应的菜单就会显示。下面的示例演示了如何创建和使用拆分按钮:

创建一个菜单按钮

查看演示

我们创建一个拆分按钮和一个链接按钮:

< div style = "border:1px solid #ccc;background:#fafafa;padding:5px;width:120px;" >
< a href = "#" class = "easyui-splitbutton" menu = "#mm" iconcls = "icon-edit" >Edit</ a >
< a href = "#" class = "easyui-linkbutton" plain = "true" iconcls = "icon-help" ></ a >
</ div >
< div id = "mm" style = "width:150px;" >
< div iconcls = "icon-undo" >Undo</ div >
< div iconcls = "icon-redo" >Redo</ div >
< div class = "menu-sep" ></ div >
< div >Cut</ div >
< div >Copy</ div >
< div >Paste</ div >
< div class = "menu-sep" ></ div >
< div >
< span >Open</ span >
< div style = "width:150px;" >
< div >Firefox</ div >
< div >Internet Explorer</ div >
< div class = "menu-sep" ></ div >
< div >Select Program...</ div >
</ div >
</ div >
< div iconcls = "icon-remove" >Delete</ div >
< div >Select All</ div >
</ div >

创建完成拆分按钮时,我们不需要写任何JavaScript代码。

有兴趣的朋友可以点击查看更多有关jQuery EasyUI的文章

© 著作权归作者所有

Miss_Hello_World
粉丝 22
博文 668
码字总数 404202
作品 0
九龙坡
私信 提问
jQuery EasyUI使用教程之创建标签页

<jQuery EasyUI最新版下载> 本教程将展示如何使用easyui创建一个标签组件。标签可以动态地添加或删除多个面板,你可以使用标签在同一个页面上显示不同的实体。 标签一次只能显示一个面板,每...

Miss_Hello_World
2015/11/18
119
0
jQuery EasyUI快速入门实战教程(一)-入门

1、jQuery EasyUI概述 jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,...

神码小风
2018/06/28
0
0
jQuery EasyUI入门视频教程【20讲】

jQuery EasyUI入门视频教程【20讲】 jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。非职业讲师孙宇讲授,全...

Amamatthew
2014/09/28
1K
0
jQuery EasyUI使用教程之创建Web页面的边框布局

<jQuery EasyUI最新版下载> 本教程主要为大家演示如何使用jQuery EasyUI创建Web页面的边框布局。该边框布局提供五个区域:east、west、north、south、center,以下是一些常见的用法: north区...

Miss_Hello_World
2015/11/05
437
0
jQuery EasyUI使用教程之创建一个菜单按钮

<jQuery EasyUI最新版下载> 本教程主要为大家展示如何使用jQuery EasyUI创建一个菜单按钮。菜单按钮包含了一个按钮和菜单组件,当点击或将鼠标移动到该按钮上时,相应的菜单就会显示。 查看演...

Miss_Hello_World
2015/10/28
200
0

没有更多内容

加载失败,请刷新页面

加载更多

nginx学习笔记

中间件位于客户机/ 服务器的操作系统之上,管理计算机资源和网络通讯。 是连接两个独立应用程序或独立系统的软件。 web请求通过中间件可以直接调用操作系统,也可以经过中间件把请求分发到多...

码农实战
今天
5
0
Spring Security 实战干货:玩转自定义登录

1. 前言 前面的关于 Spring Security 相关的文章只是一个预热。为了接下来更好的实战,如果你错过了请从 Spring Security 实战系列 开始。安全访问的第一步就是认证(Authentication),认证...

码农小胖哥
今天
12
0
JAVA 实现雪花算法生成唯一订单号工具类

import lombok.SneakyThrows;import lombok.extern.slf4j.Slf4j;import java.util.Calendar;/** * Default distributed primary key generator. * * <p> * Use snowflake......

huangkejie
昨天
12
0
PhotoShop 色调:RGB/CMYK 颜色模式

一·、 RGB : 三原色:红绿蓝 1.通道:通道中的红绿蓝通道分别对应的是红绿蓝三种原色(RGB)的显示范围 1.差值模式能模拟三种原色叠加之后的效果 2.添加-颜色曲线:调整图像RGB颜色----R色增强...

东方墨天
昨天
11
1
将博客搬至CSDN

将博客搬至CSDN

算法与编程之美
昨天
13
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部