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

第一种：

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

<div id="win"></div>  
$('#win').window({   
    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="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

需要源码

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

目录

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

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

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