jQuery EasyUI 中文API Button使用实例

2016-02-19 13:11 5 1 收藏

下面图老师小编要向大家介绍下jQuery EasyUI 中文API Button使用实例,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

【 tulaoshi.com - Web开发 】

LinkButton
使用说明
使用到的头文件:easyui.css、icon.css、jquery-1.4.2.min.js、jquery.easyui.min.js

代码如下:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)a href="#" icon="icon-search"easyui/a

JQuery代码

代码如下:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)$('#btn').linkbutton(options);

特性说明
名称类型描述默认值disabledboolean启用、禁用按钮falseplainboolean是否启用样式false
查看演示 官方文档

MenuButton
MenuButton包括链接按钮跟菜单

创建一个MenuButton就要指派一个菜单的linkbutton属性

使用说明
使用到的头文件:easyui.css、icon.css、jquery-1.4.2.min.js、jquery.easyui.min.js

代码如下:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)
a href="javascript:void(0)" icon="icon-edit"Edit/a

div
div icon="icon-undo"Undo/div
div icon="icon-redo"Redo/div
div/div
divCut/div
divCopy/div
divPaste/div
div/div
div icon="icon-remove"Delete/div
divSelect All/div
/div

JQuery

代码如下:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)
$('#mb').menubutton({
menu: '#mm'
});

依赖
链接按钮
特性说明
类型描述默认值disabledboolean启用、禁用按钮falseplainboolean是否显示样式falsemenustring选择器创建一个相应的菜单。nulldurationnumber菜单按钮持续显示时间100

查看演示 官方文档

说明

还有一个SplitButton,个人感觉跟menubutt一样的,官方文档这样解释的:Similar to MenuButton, SplitButton include linkbutton and menu but can act as a single button.

唯一的区别就是它可以单独作为一个按钮。特性也是跟上面的menubutt一样,这里就不多说了,有兴趣可看官方文档

来源:https://www.tulaoshi.com/n/20160219/1603245.html

延伸阅读
标签: Web开发
jQuery 将马上发布 1.4 正式版,代码也从 googlecode 上迁移到了 github. jQuery 是我接触的第一个 JS 类库,俗话说初恋总是让人难以忘记。一年以前,这种难以忘记仅仅是一种纯感觉,说不出来具体原因。前几天重新看了一遍 github 上的源码。从纯功能上说,jQuery 并没有特别出色的地方。究竟是什么让我如此恋恋不舍呢? 昨天搭建 taskspee...
标签: Web开发
代码如下: %@ Page Language="C#" % !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" script runat="server"/script html xmlns="http://www.w3.org/1999/xhtml" head runat="server" title无标题页/title script src="../jquery脚本/jquery-1[1].3.2....
记载Windows使用的时间 有时候你需要记下每次Windows开启和关闭的时间,下面这个小程序就可以完成这个功能,你可以把它放在Windows开始菜单的“启动”文件夹里面,这样当你进入Windows时,这个小程序就会自动启动(不可见),并在你指定的文件中写下当时的时间,在你推出Windows系统时,小程序会关闭并记下离开的时间,并关闭记录文件。 ...
标签: Web开发
jQuery 是一个强大的Javascript类库,里面封装好了很多现有的方法和属性。可以使开发人员用很少的代码更好更快的开发出自己想实现的效果。 在平时的开发中,我们可能经常会用到jQuery。这里总结了一些经典的实例应用。分享给大家。 jQuery=轻松实现表单验证: 在我们的开发中,常会有注册或是添加信息的时候,难免的我们就会需要对表单进行验...
标签: Web开发
使用easyui 的好处除了界面还不错之外,也因为使用方便。 代码如下: div div title="搜索" .../div div title="选择".../div div title="返回".../div /div 只要给他定义个相应的class 就能实现各种效果。 但是,把它放在updatepanel里面,且不是首次就让他显示出来的话就出故障了。 代码如下: asp:MultiView runat="server...

经验教程

157

收藏

41
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部