EasyUI jQuery 拆分按钮小部件

EasyUI 是一个 HTML5 框架，用于使用基于 jQuery、React、Angular 和 Vue 技术的用户界面组件。它有助于为交互式 Web 和移动应用程序构建功能，为开发人员节省大量时间。

在本文中，我们将学习如何使用 jQuery EasyUI 设计拆分按钮。 Splitbutton 是下拉菜单的一部分。它与链接按钮和菜单相关联。隐藏菜单时显示链接按钮。

EasyUI for jQuery 下载：

https://www.jeasyui.com/download/index.php

句法：

财产：

• 持续时间：悬停在按钮上时显示菜单的持续时间（以毫秒为单位）。
• menu：创建相应菜单的选择器。
• 普通：这是一个定义效果的布尔值，默认值为true以显示普通效果。

方法：

• 选项：此方法返回选项对象。
• disable：已用于禁用拆分按钮。
• enable：已用于启用拆分按钮。
• destroy：此方法用于销毁拆分按钮。

CDN链接：首先添加项目需要的jQuery Easy UI脚本，链接是本地路径。

 

例子：

HTML

 
 
  
 
     
     
              
    
     
  
     
  
     
  
    
     
     
  
    
     
     
      
    
     
     
  
     
      $(document).ready(function (){ 
        $('#gfg').splitbutton({
          disabled: true
        }); 
      }); 
     
 
  

  
    GeeksforGeeks
    EasyUI jQuery splitbutton widget
    Menu 1
  

输出：

参考： http://www.jeasyui.com/documentation/