（札记）EasyUI Window Dialog

ゞ浴缸里的玫瑰 2022-08-06 06:14 25阅读 0赞

常用的属性：

$('#win').window({
      title:'添加数据',
      width:300,
      height:200,
      collapsible:false,//是否显示可折叠按钮
      minimizable:false,//是否显示最小化按钮
      maximizable:false,//是否显示最大化按钮
      resizable:false,//是否能够改变窗口大小
      modal:true//是否将窗体显示为模式化窗口
    });

window创建方法有两种：

//1、使用html标签来创建：
    <div id="win" class="easyui-window" title="My Window" style="width:600px;height:400px"  
            data-options="iconCls:'icon-save',modal:true">  
        Window Content   
    </div> 
    
    //js控制方式：
    $('#win').window('open');  // open a window   
    $('#win').window('close');  // close a window 
    
    //2、使用js方式来创建
    <div id="win"></div>  
    //js控制部分：
        $('#win').window({   
            width:600,   
            height:400,   
            modal:true  
        });

dialog创建：

//1、使用标签创建：
    <div id="win" class="easyui-dialog" style="width:330px;height:250px"
          data-options="iconCls:'icon-save',modal:true,buttons:[{
       text:'保存',
       handler:function(){saveUser();}
    },{
       text:'关闭',
       handler:function(){closeUser();}
    }]" >
    </div>
    //2、使用js脚本创建：
    <div id="dd">Dialog Content.</div>  
    
    $('#dd').dialog({   
        title: 'My Dialog',    
        width: 400,   
        height: 200,   
        closed: false,    
        cache: false,    
        href: 'get_content.php',   
        modal: true  
    });

图片：

![Center][]

[Center]: /images/20220806/c52ed32f35874d6c9e1133bc534477d7.png

发表评论取消回复

表情：

评论列表（有 0 条评论，25人围观）

还没有评论，来说两句吧...

相关阅读

相关（札记）EasyUI Layout 布局管理

界面使用html的标签及css样式配合easyui编写组件的动作使用jquery来控制折叠面板： <pre class="ja

桃扇骨/ 2022年08月06日 06:15/ 0 赞/ 224 阅读

相关（札记）EasyUI Form表单

1、easyui跟extjs一样。form表单绑定数据的时候，一绑定时间格式的数据，其它数据就绑定不上了 2、easyui在form表单绑定数据时，不

「爱情、让人受尽委屈。」/ 2022年08月06日 06:15/ 0 赞/ 31 阅读

相关（札记）EasyUI Grid

1、使用easyui创建grid数据表格由两个方式， 1.1、使用DIV编写 1.2、直接在jquery入口方法中写 2、使用j

不念不忘少年蓝@/ 2022年08月06日 06:15/ 0 赞/ 41 阅读

相关（札记）EasyUI Window Dialog

常用的属性： $('win').window({ title:'添加数据', width:300, height:200,

ゞ浴缸里的玫瑰/ 2022年08月06日 06:14/ 0 赞/ 26 阅读

相关（札记）EasyUI 基本使用方法

先说明：EasyUI是基于jQuery框架来封装的，离开jQuery的话，EasyUI就玩不转了。而jQuery最核心的功能就是选择器！ ---------

逃离我推掉我的手/ 2022年08月06日 06:14/ 0 赞/ 9 阅读

相关 jquery easyUI dialog事件

扩展自$.fn.window.defaults。使用$.fn.dialog.defaults重写默认值对象。该对话框是一种特殊类型的窗口，它在顶部有一个工具栏，在底部有一个

野性酷女/ 2022年08月02日 04:57/ 0 赞/ 251 阅读

相关 EasyUI之对话框Dialog

1、实例背景 EasyUI是一个基于jQuery的框架，集成了各种插件。Dialog是对话框，利用它设计新增用户场景。 2、实例源码 <!DO

深藏阁楼爱情的钟/ 2022年07月15日 13:10/ 0 赞/ 260 阅读

相关【easyui】dialog中继续弹出dialog

1. 下面代码使用spring mvc架构 2. 在controller的跳转中，不要直接返回dialog需要展示的页面，直接跳转到一个container中 @R

待我称王封你为后i/ 2022年07月13日 00:42/ 0 赞/ 315 阅读

相关关于EasyUI Dialog 操作

//弹框关闭事件 $('query-dialog').dialog({ onClose:function(){ alert(

深藏阁楼爱情的钟/ 2022年05月26日 04:15/ 0 赞/ 221 阅读

相关 EasyUI dialog居中问题

问题1. easyui的弹框, window或者是dialog, 只能显示一屏, 如页面过长延时加载, 加载完之后超出一屏, 弹窗时, 一屏之下的内容是不能被模态

向右看齐/ 2022年05月26日 04:13/ 0 赞/ 301 阅读