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

 需要源碼