Easyui入门视频教程第11集---Window的使用-优快云博客

本教程详细介绍了EasyUI中Window组件的使用方法，包括不同方式创建窗口、设置属性如标题、大小、位置等，并提供了完整的代码示例。

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

第一种：

第二种：

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