easy Ui 的弹窗有不少种 javascript
我就来讲下我实现的一种感受用起来很方便的css
首先 引用的easy ui JShtml
<script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script> <script type="text/javascript" src="../js/easyUI/jquery.easyui.min.js"></script>同样还有他的样式CSS文件也要引用
<link rel="stylesheet" type="text/css" href="../js/easyUI/themes/default/easyui.css"/> <link rel="stylesheet" type="text/css" href="../js/easyUI/themes/icon.css"/>下面咱们弹窗定义个DIV
<div id="win" style="display:none;"> 弹窗的内容</div>这里须要注意的是 div的样式要隐藏
function openwindow(id,titlename,vwidth,vheight){ $('#'+id).window({ width:vwidth, height:vheight, modal:true , title:titlename, collapsible:false, minimizable:false,//最小化 maximizable:false,//最大化 resizable:false }); }这是咱们的JS弹窗的方法
id 就是你DIV的IDjava
titlename 就是你窗口最上面显示的 好比 新增用户 修改用户jquery
vwidth 和 vheight 是你弹窗的大小ui
咱们开始看看 JS里面怎么调用code
首先在调用的时候咱们要把DIV样式 display=blockhtm
document.getElementById("win").style.display="block"; openwindow('win','修改部门',300,340);一样 关闭窗口也很简单
$('#win').window('close');好啦 关于弹窗那里面的属性有不少 我就不一一说明了 能够去easy ui的官网上找找