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 

相关文章： 常州企业网站制作公司,全国继续教育网怎么登录？  焦点电影公司作品,电影焦点结局是什么？  实例解析Array和String方法  七夕网站制作视频,七夕大促活动怎么报名？  模具网站制作流程,如何找模具客户？  如何通过商城免费建站系统源码自定义网站主题？  专业的网站制作设计是什么,如何制作一个企业网站，建设网站的基本步骤有哪些？  建站VPS能否同时实现高效与安全翻墙？  建站主机选择指南：服务器配置与SEO优化实战技巧  制作企业网站建设方案,怎样建设一个公司网站？  公司网站的制作公司,企业网站制作基本流程有哪些？  建站之星伪静态规则如何设置？  免费ppt制作网站,有没有值得推荐的免费PPT网站？  网站制作员失业,怎样查看自己网站的注册者？  如何通过商城自助建站源码实现零基础高效建站？  C#如何序列化对象为XML XmlSerializer用法  网站专业制作公司有哪些,做一个公司网站要多少钱？  零服务器AI建站解决方案：快速部署与云端平台低成本实践  免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程？  宝塔新建站点为何无法访问？如何排查？  如何通过wdcp面板快速创建网站？  如何高效配置香港服务器实现快速建站？  教学论文网站制作软件有哪些,写论文用什么软件 ？  宝塔建站教程：一键部署配置流程与SEO优化实战指南  如何快速启动建站代理加盟业务？  c++ stringstream用法详解_c++字符串与数字转换利器  如何通过网站建站时间优化SEO与用户体验？  制作网站的模板软件,网站怎么建设？  开源网站制作软件,开源网站什么意思？  C++如何将C风格字符串（char*）转换为std::string？（代码示例）  c++23 std::expected怎么用 c++优雅处理函数错误返回【详解】  小程序网站制作需要准备什么资料,如何制作小程序？  网站制作多少钱一个,建一个论坛网站大约需要多少钱？  javascript中对象的定义、使用以及对象和原型链操作小结  网站制作软件有哪些,制图软件有哪些？  全景视频制作网站有哪些,全景图怎么做成网页？  如何通过FTP空间快速搭建安全高效网站？  建站主机选购指南：核心配置优化与品牌推荐方案  无锡营销型网站制作公司,无锡网选车牌流程？  岳西云建站教程与模板下载_一站式快速建站系统操作指南  如何正确选择百度移动适配建站域名？  制作网站的过程怎么写,用凡科建站如何制作自己的网站？  javascript基本数据类型及类型检测常用方法小结  如何自己制作一个网站链接,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何通过VPS建站无需域名直接访问？  做企业网站制作流程,企业网站制作基本流程有哪些？  Python如何创建带属性的XML节点  建站之星安装路径如何正确选择及配置？  Android自定义listview布局实现上拉加载下拉刷新功能  建站之星后台管理如何实现高效配置？