EasyUI jQuery 对话框小部件

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

在本文中，我们将学习如何使用 jQuery EasyUI 设计对话框。对话框小部件是一个浮动且可拖动的面板，可用作应用程序对话框。

EasyUI for jQuery 下载：

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

句法：

特性：

• title：对话框标题文本
• collapsible：定义是否显示可折叠按钮
• 最小化：定义是否显示最小化按钮
• maximizable：定义是否显示最大化按钮
• resizable：定义对话框是否可以调整大小
• 工具栏：对话框的顶部工具栏
• 按钮：对话框的底部按钮

方法：

• dialog ：返回外部对话框对象。

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

 

示例 1：

HTML

 
 
  
 
     
     
              
    
     
  
     
  
     
  
    
     
     
  
    
     
     
      
    
     
     
  
      
    
        // jQuery
        $(document).ready(function (){ 
            $('#gfg').dialog({ 
                title: 'GfG',
                resizable: true
            }); 
      }); 
     
 
  

  
    GeeksforGeeks
    EasyUI jQuery Dialog widget
    

输出：

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