目錄

Easyui入門(mén)視頻教程 第11集---Window的使用?? Easyui入門(mén)視頻教程 第10集---Messager的使用? Easyui入門(mén)視頻教程 第09集---登錄完善 圖標(biāo)自定義?? Easyui入門(mén)視頻教程 第08集---登錄實(shí)現(xiàn) ajax button的使用? Easyui入門(mén)視頻教程 第07集---Accordion的使用? Easyui入門(mén)視頻教程 第06集---Layout初始化和屬性方法使用? Easyui入門(mén)視頻教程 第05集---Easyui復(fù)雜布局?? Easyui入門(mén)視頻教程 第04集---Easyui布局? Easyui入門(mén)視頻教程 第03集---Easyui布局?? Easyui入門(mén)視頻教程 第02集--- ASP.NET MVC下 搭建 EasyUI環(huán)境?? Easyui入門(mén)視頻教程 第01集---認(rèn)識(shí)Easyui

Easyui入門(mén)視頻教程 第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 窗體的標(biāo)題
collapsible 是否可以 收縮
minimizable 是否顯示最小化按鈕
maximizable 是否顯示最大化按鈕
closable 是否顯示關(guān)閉按鈕
closed 是否關(guān)閉它
zIndex 垂直坐標(biāo)
draggable 是否可以拖動(dòng)
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;">用戶(hù)：<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 () {// 在這里寫(xiě)你的代碼...//$('#btn').linkbutton('enable');//$('#btn').linkbutton('disable'); $('#w').window({resizable:false});});function Reflesh() {$('#w').window('refresh', './user/Reflesh'); }

?

視頻下載地址
http://pan.baidu.com/s/1jGC2yBs

?需要源碼

?

轉(zhuǎn)載于:https://www.cnblogs.com/maijin/p/3491771.html

總結(jié)

以上是生活随笔為你收集整理的Easyui入门视频教程 第11集---Window的使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。