（札记）EasyUI Window Dialog



常用的属性：

$('#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  
});  

图片：