Easyui封装公用创建dialog的JS函数
2018-01-30 15:14
381 查看
1、宽度和高度给定
[javascript] view
plain copy
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、宽度可自由设定
[javascript] view
plain copy
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 () {
$("#myDialog").dialog({
modal: true,
collapsible: true, //设置可折叠
toolbar: [{ //设置工具栏数组
text: '添加',
iconCls: 'icon-add',
handler: function () {
$.messager.show({ showType: "fade", msg: "添加数据", title: "提示", timeout: 1000 });
}
}, {
text: '保存',
iconCls: 'icon-save',
handler: function () {
$.messager.show({ showType: "fade", msg: "保存数据", title: "提示", timeout: 1000 });
}
}],
buttons: [{ //设置下方按钮数组
text: '提交',
iconCls: 'icon-ok',
handler: function () {
$.messager.show({ showType: "fade", msg: "提交数据", title: "提示", timeout: 1000 });
}
}, {
text: '取消',
iconCls: 'icon-cancel',
handler: function () {
}
}]
});
});
[javascript] view
plain copy
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、宽度可自由设定
[javascript] view
plain copy
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 () {
$("#myDialog").dialog({
modal: true,
collapsible: true, //设置可折叠
toolbar: [{ //设置工具栏数组
text: '添加',
iconCls: 'icon-add',
handler: function () {
$.messager.show({ showType: "fade", msg: "添加数据", title: "提示", timeout: 1000 });
}
}, {
text: '保存',
iconCls: 'icon-save',
handler: function () {
$.messager.show({ showType: "fade", msg: "保存数据", title: "提示", timeout: 1000 });
}
}],
buttons: [{ //设置下方按钮数组
text: '提交',
iconCls: 'icon-ok',
handler: function () {
$.messager.show({ showType: "fade", msg: "提交数据", title: "提示", timeout: 1000 });
}
}, {
text: '取消',
iconCls: 'icon-cancel',
handler: function () {
}
}]
});
});
相关文章推荐
- Easyui封装公用创建dialog的JS函数
- js 通过封装函数用来创建cookie
- Android开发之缓冲dialog对话框创建、使用与封装操作
- Function:--js中创建函数的方法
- JS 之函数定义 & 创建对象 三种方式
- 我自己的Javascript 库,封装了一些常用函数 Kingwell.js
- CDHtmlDialog的基本使用(JS调用C++函数的实现)
- js中利用函数创建对象的5种模式
- 在次封装easyui-Dialog 插件
- CDHtmlDialog的基本使用(C++调用JS函数的实现)
- 【学习笔记六】 - js中 创建对象的模式与继承 及 js中实现块级作用域和函数私有变量 《js高程》6-7笔记
- js闭包的用途(匿名自执行函数,缓存,实现封装,实现面向对象)
- js基础03特效简单响应式页面布局client()函数封装
- Node.js用ES6原生Promise对异步函数进行封装
- JS封装缓动动画函数
- mapgis6.7二次开发vc6_demo 之六(mapgis公用函数二次封装库)
- javascript的函数、创建对象、封装、属性和方法、继承
- js基础学习之--关于 Cookie 的增删改查的封装函数
- JS封装cookie操作函数实例(设置、读取、删除)
- JS封装公共方法函数声明与函数表达式的深入了解与选择(入门级)