您的位置:首页 > 产品设计 > UI/UE

Easyui封装公用创建dialog的JS函数

2017-03-31 14:44 295 查看
  1、宽度和高度给定

     function createDialog(dialogFrame, dialogId, dialogTitle, dialogUrl)
{
var div = $('#'+dialogFrame);
var html = '<div id="'+dialogId+'"></div>';
div.empty();
div.append(html);
$.parser.parse(div);
var url = dialogUrl;

//var url = 'allpage/page/assistSystem/cashManager/cashSettlementManager/cashSettlementManagerLC/tvmCashSettlementDialog.jsp';
$("#"+dialogId).dialog(
{
title : dialogTitle,
width : '70%',
height : '70%',
closed : false,
cache : false,
draggable : false,
href : url,
modal : true,
onClose : function()
{
$(this).dialog('destroy');
}
});
}
2、宽度可自由设定

  function createDialogWithSize(dialogFrame, dialogId,dialogTitle, dialogUrl,width,height)
{
var div = $('#'+dialogFrame);
var html = '<div id="'+dialogId+'"></div>';
div.empty();
div.append(html);
$.parser.parse(div);
var url = dialogUrl;

//var url = 'allpage/page/assistSystem/cashManager/cashSettlementManager/cashSettlementManagerLC/tvmCashSettlementDialog.jsp';
$("#"+dialogId).dialog(
{
title : dialogTitle,
width : width,
height : height,
closed : false,
cache : false,
draggable : false,
href : url,
modal : true,
onClose : function()
{
$(this).dialog('destroy');
}
});
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: