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');
}
});
}
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');
}
});
}
相关文章推荐
- Easyui封装公用创建dialog的JS函数
- 在次封装easyui-Dialog插件实现代码
- easyUI 创建Dialog对话框
- jquery-easyui中创建Dialog
- 在次封装easyui-Dialog插件实现代码
- easyUi创建临时Dialog
- jquery动态创建div,调用dialog方法显示远程iframe文件,封装jquery方法
- EasyUI动态创建、删除模态Dialog
- [easyui]封装一个dialog
- 关于easyUI Dialog的创建以及Dialog如何获取选中DataGrid中的值
- easyUI 创建Dialog对话框
- 在Spring中通过EasyUI的dialog创建登录界面
- 封装的EasyUI Dialog插件
- Easyui 创建dialog的两种方式,以及他们带来的问题
- EasyUI 动态创建对话框Dialog
- 在次封装easyui-Dialog 插件
- easyui动态创建一个dialog
- Android开发之缓冲dialog对话框创建、使用与封装操作
- EasyUi常用组件(四)Dialog对话框、创建按钮(Buttons)、创建工具栏(Toolbar)
- 一个封装了的浏览文件夹类 CFolderDialog