jQury easyui————窗口（window、dialog）
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jQury easyui————窗口（window、dialog），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1505字，纯文字阅读大概需要3分钟。
内容图文
下面简单说明下jquery easyui中窗口（window和dialog）的使用，两者之间用很多相同之处。
在编写js代码前需要引入jquery.js、jquery.easyui.js、easyui.css、icon.css包，另外为了解决中文引起的乱码问题还需引入easyui-lang-zh_CN.js.
javascript代码：
$("#window").window({
title:"this is title!!!", //窗口标题
width:600,
height:300,
collapsiable:true, //定义窗口是否折叠
minimizable:true, //是否显示最小化按钮
maximizable:true, //是否显示最大化按钮
closable:true, //是否显示关闭按钮
draggable:true, //是否可以拖拽
resiable:true, //窗口是否可调大小
closed:true, //窗口是否是关闭
shadow:true, //是否有阴影
inline:false, //如何放置窗口，true表示放在父容器里，false放在所有元素顶部
modal:true, //是否以模态形式显示窗口
});
//dialog中的其他属性与window中相同，另外比window多出toolbar（dialog上面的工具栏），buttons（dialog下面）
$("#dialog").dialog({
title:"this is dialog!",
toolbar:[{
iconCls:"icon-add",
text:"新增",
handler:function(){
alert("add");
}
},{
iconCls:"icon-edit",
text:"编辑",
handler:function(){
alert("edit");
}
}],
buttons:[{
iconCls:"icon-ok",
text:"OK"
},{
iconCls:"icon-cancel",
text:"CANCEL",
handler:function(){
$("#dialog").dialog("close");
}
}]
});
html代码：
<!-- 注：下面注释掉的div同样能实现，展示一个window的功能 -->
<!-- <div id="win" title="This is title"iconCls="icon-save" class="easyui-window"style="width:600px;height:300px"></div> -->
<div id="window"></div>
<div id="dialog" style="width:400px;height:300px"></div>
初学juery，不当之处不可避免，欢迎指正。共同学习。
本文出自 “Tosubes” 博客，请务必保留此出处http://believespecial.blog.51cto.com/5277665/1379960
原文：http://believespecial.blog.51cto.com/5277665/1379960
内容总结
以上是互联网集市为您收集整理的jQury easyui————窗口（window、dialog）全部内容，希望文章能够帮你解决jQury easyui————窗口（window、dialog）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。