Easyui入门视频教程 第11集---Window的使用

目录

Easyui入门视频教程 第11集---Window的使用  

Easyui入门视频教程 第10集---Messager的使用 

Easyui入门视频教程 第09集---登录完善 图标自定义  

Easyui入门视频教程 第08集---登录实现 ajax button的使用 

Easyui入门视频教程 第07集---Accordion的使用 

Easyui入门视频教程 第06集---Layout初始化和属性方法使用 

Easyui入门视频教程 第05集---Easyui复杂布局  

Easyui入门视频教程 第04集---Easyui布局 

Easyui入门视频教程 第03集---Easyui布局  

Easyui入门视频教程 第02集--- ASP.NET MVC下 搭建 EasyUI环境  

Easyui入门视频教程 第01集---认识Easyui

Easyui入门视频教程 第11集---Window的使用

第一种：

<div id="win" class="easyui-window" title="My Window" style="width:600px;height:400px"   
        data-options="iconCls:'icon-save',modal:true">   
    Window Content   
</div> 

 

第二种：

<div id="win"></div>  
$('#win').window({   
    width:600,   
    height:400,   
    modal:true   
}); 

 

title 窗体的标题
collapsible 是否可以 收缩
minimizable 是否显示最小化按钮
maximizable 是否显示最大化按钮
closable 是否显示关闭按钮
closed 是否关闭它
zIndex 垂直坐标
draggable 是否可以拖动
resizable 是否可以拉大
shadow 是否显示 阴影
inline 是否
modal 是否显示遮挡层

<div id="w" class="easyui-window" title="登录" data-options="modal:true,closed:false,iconCls:'icon-laugh',shadow:false,draggable:false" style="width:500px;height:200px;padding:10px;">
                用户：<input id="name" type="text" />
        密码：<input id="Password1" type="password" />
        <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true">登录</a>  
        <input id="Button1" type="button" value="button" />
        <label id="show" style=" color:Red;"></label>
        </div>

    <script type="text/javascript">
        $(document).ready(function () {
            // 在这里写你的代码...
            //$('#btn').linkbutton('enable');
            //$('#btn').linkbutton('disable');

            $('#w').window({resizable:false});
        });

        function Reflesh() {
            $('#w').window('refresh', './user/Reflesh'); 
        }

 

视频下载地址
http://pan.baidu.com/s/1jGC2yBs

 需要源码