Easyui封装公用创建dialog的JS函数_easy ui dialog 函数-CSDN博客

本文链接：https://blog.csdn.net/thinkingcao/article/details/68925095

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');
		}
	});
}