easy Ui + Jquery 弹窗 的实现

标签：js   javascript   easy ui   html   easyui   

easy Ui 的弹窗有很多种 

我就来说下我实现的一种感觉用起来很方便的

首先 引用的easy ui JS

<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>

<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 id="win" style="display:none;"> 弹窗的内容</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
    });  
    }

 id  就是你DIV的ID

titlename  就是你窗口最上面显示的  比如 新增用户  修改用户

vwidth  和 vheight 是你弹窗的大小

我们开始看看 JS里面怎么调用

首先在调用的时候我们要把DIV样式 display=block

document.getElementById("win").style.display="block";
    	openwindow('win','修改部门',300,340);

$('#win').window('close');

easy Ui + Jquery 弹窗 的实现

标签：js   javascript   easy ui   html   easyui   

原文地址：http://blog.csdn.net/qq_19524879/article/details/39545095