全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

Jquery Easyui分割按钮组件SplitButton使用详解(17)

SpliButton组件依赖于Menu(菜单)组件和 LinkButton(按钮)组件

加载方式

Class加载

 <a href="javascript:void(0)" id="edit" class="easyui-splitbutton"
  data-options="menu:'#box',iconCls:'icon-edit'">编辑</a>
 <div id="box" style="width:150px;">
  <div data-options="iconCls:'icon-undo'">撤销</div>
  <div data-options="iconCls:'icon-redo'">恢复</div>
  <div class="menu-sep"></div>
  <div>剪切</div>
  <div>复制</div>
  <div>粘贴</div>
  <div class="menu-sep"></div>
  <div data-options="iconCls:'icon-remove'">删除</div>
  <div>全选</div>
 </div>

Js调用加载

 <a href="javascript:void(0)" id="edit" >编辑</a>
 <div id="box" style="width:150px;">
  <div data-options="iconCls:'icon-undo'">撤销</div>
  <div data-options="iconCls:'icon-redo'">恢复</div>
  <div class="menu-sep"></div>
  <div>剪切</div>
  <div>复制</div>
  <div>粘贴</div>
  <div class="menu-sep"></div>
  <div data-options="iconCls:'icon-remove'">删除</div>
  <div>全选</div>
 </div>
 <script>
  $(function () {
   $('#edit').splitbutton({
    // 是否显示简易效果
    plain : false,
    // 用来创建一个对应菜单的选择器。
    menu : '#box',
    // 定义鼠标划过按钮时显示菜单所持续的时间,单位为毫秒。
    duration : 100,
   })
  });
 </script>

属性列表

其他属性,参考依赖组件 LinkButton

菜单方法

//返回属性对象
console.log($('#edit').splitbutton('options'));

//禁用菜单按钮
$('#edit').splitbutton('disable');

//启用菜单按钮
$('#edit').splitbutton('enable');

//销毁菜单按钮
$('#edit').splitbutton('destroy');

//扩展自$.fn.linkbutton.defaults。使用$.fn.splitbutton.defaults 重写默认值对象。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


# Jquery  # Easyui  # 分割按钮组件  # SplitButton  # jQuery EasyUI菜单与按钮详解  # EasyUI的DataGrid每行数据添加操作按钮的实现代码  # Easyui Datagrid自定义按钮列(最后面的操作列)  # EasyUI在Panel上动态添加LinkButton按钮  # jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍  # easyui datagrid 表格中操作栏 按钮图标不显示的解决方法  # 轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮  # Easyui使用Dialog行内按钮布局的实例  # 给easyui的datebox控件添加清空按钮的实现方法  # jEasyUI 创建分割按钮的实现示例  # 加载  # 全选  # 鼠标  # 重写  # 创建一个  # 大家多多  # 默认值  # 选择器  # 依赖于  # SpliButton  # data 


相关文章: 建站之星各版本价格是多少?  相亲简历制作网站推荐大全,新相亲大会主持人小萍萍资料?  建站之星安装需要哪些步骤及注意事项?  如何获取开源自助建站系统免费下载链接?  如何选择高效便捷的WAP商城建站系统?  如何快速打造个性化非模板自助建站?  网站制作新手教程,新手建设一个网站需要注意些什么?  做企业网站制作流程,企业网站制作基本流程有哪些?  大连网站制作费用,大连新青年网站,五年四班里的视频怎样下载啊?  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛,就是里面都是武汉人的?  枣阳网站制作,阳新火车站打的到仙岛湖多少钱?  韩国网站服务器搭建指南:VPS选购、域名解析与DNS配置推荐  猪八戒网站制作视频,开发一个猪八戒网站,大约需要多少?或者自己请程序员,需要什么程序员,多少程序员能完成?  如何快速辨别茅台真假?关键步骤解析  专业商城网站制作公司有哪些,pi商城官网是哪个?  如何在Windows服务器上快速搭建网站?  宝塔Windows建站如何避免显示默认IIS页面?  如何快速生成橙子建站落地页链接?  建站之星安装步骤有哪些常见问题?  如何在Windows 2008云服务器安全搭建网站?  建站一年半SEO优化实战指南:核心词挖掘与长尾流量提升策略  网站制作大概要多少钱一个,做一个平台网站大概多少钱?  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  如何解决ASP生成WAP建站中文乱码问题?  如何优化Golang Web性能_Golang HTTP服务器性能提升方法  如何快速登录WAP自助建站平台?  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样?  建站之星2.7模板快速切换与批量管理功能操作指南  网站网页制作专业公司,怎样制作自己的网页?  零基础网站服务器架设实战:轻量应用与域名解析配置指南  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊?  建站之星如何防范黑客攻击与数据泄露?  清单制作人网站有哪些,近日“兴风作浪的姑奶奶”引起很多人的关注这是什么事情?  建站VPS配置与SEO优化指南:关键词排名提升策略  广州网站设计制作一条龙,广州巨网网络科技有限公司是干什么的?  如何制作一个表白网站视频,关于勇敢表白的小标题?  ,制作一个手机app网站要多少钱?  如何快速使用云服务器搭建个人网站?  湖州网站制作公司有哪些,浙江中蓝新能源公司官网?  网页设计与网站制作内容,怎样注册网站?  如何选择高效稳定的ISP建站解决方案?  潍坊网站制作公司有哪些,潍坊哪家招聘网站好?  定制建站平台哪家好?企业官网搭建与快速建站方案推荐  如何在橙子建站上传落地页?操作指南详解  香港服务器建站指南:免备案优势与SEO优化技巧全解析  建站之星如何通过成品分离优化网站效率?  制作网站建设的公司有哪些,网站建设比较好的公司都有哪些?  如何在IIS服务器上快速部署高效网站?  长沙企业网站制作哪家好,长沙水业集团官方网站?  网站制作服务平台,有什么网站可以发布本地服务信息? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。