easyui中window窗口自定义重新分装,用于iframe子页面弹框,解决多页面共用同一弹框页面问题

/**
 * @method openWind【公用打开easyui-window方法】
 * @param id(String id【窗口id】)
 * @param title(String title【窗口标题】)
 * @param url(String url【窗口远程加载Action地址】)
 * @param queryParams(JSON格式对象 queryParams【窗口远程加载额外参数】)
 * @param fit(boolean fit【是否自适应充满父容器,当设置为true时,width和height无效】)
 * @param width(number width【窗口宽度,不需要加px,默认200】)
 * @param height(number height【窗口高度,不需要加px,默认200】)
 * @param onOpen(function onOpen【窗口打开后回调函数】)
 * @param onClose(function onClose【窗口关闭后回调函数】)
 * @param style(String style【窗口自定也css的id】)
 */
function openWind(id, title, url, queryParams, fit, width, height , onOpen, onClose, style, isIframe, isDraggable, isModal){
var $w = $("<div id=\""+id+"\" "+(style?("style=\""+style+"\""):"")+"></div>");
$w.appendTo($("body"));
var _iframe = $('<iframe></iframe>');
_iframe.attr({
    src: url,
    frameborder: 0,
    width: '100%',
    height: '100%',
    scrolling: 'auto'
});

$('#'+id).window({
id : id,
title : title,
href : isIframe ? null : url,
content : isIframe ? _iframe : null,
method : 'post',
zIndex : 10000,
queryParams : queryParams ? queryParams:null,
collapsible : false,
minimizable : false,
maximizable : false,
draggable : isDraggable ? isDraggable : false,
resizable : false,
modal : isModal == null  ? true : false,
shadow : true,
fit : fit,
width : width ? width:200,
height : height ? height:200,
onOpen : function(){
if(onOpen) onOpen;
},
onClose : function(){
onClose;
$('#'+id).window('destroy');
}

});
}


function closeWind(id){
$('#'+id).window('destroy');
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值