1189 lines
41 KiB
JavaScript
1189 lines
41 KiB
JavaScript
|
|
/**
|
|||
|
|
* jQuery ligerUI 1.3.3
|
|||
|
|
*
|
|||
|
|
* http://ligerui.com
|
|||
|
|
*
|
|||
|
|
* Author daomi 2015 [ gd_star@163.com ]
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
(function ($)
|
|||
|
|
{
|
|||
|
|
var l = $.ligerui;
|
|||
|
|
|
|||
|
|
//全局事件
|
|||
|
|
$(".l-dialog-btn").live('mouseover', function ()
|
|||
|
|
{
|
|||
|
|
$(this).addClass("l-dialog-btn-over");
|
|||
|
|
}).live('mouseout', function ()
|
|||
|
|
{
|
|||
|
|
$(this).removeClass("l-dialog-btn-over");
|
|||
|
|
});
|
|||
|
|
$(".l-dialog-tc .l-dialog-close").live('mouseover', function ()
|
|||
|
|
{
|
|||
|
|
$(this).addClass("l-dialog-close-over");
|
|||
|
|
}).live('mouseout', function ()
|
|||
|
|
{
|
|||
|
|
$(this).removeClass("l-dialog-close-over");
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
$.ligerDialog = function ()
|
|||
|
|
{
|
|||
|
|
return l.run.call(null, "ligerDialog", arguments, { isStatic: true });
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
//dialog 图片文件夹的路径 预加载
|
|||
|
|
$.ligerui.DialogImagePath = "../../lib/ligerUI/skins/Aqua/images/win/";
|
|||
|
|
|
|||
|
|
function prevImage(paths)
|
|||
|
|
{
|
|||
|
|
for (var i in paths)
|
|||
|
|
{
|
|||
|
|
$('<img />').attr('src', l.DialogImagePath + paths[i]);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//prevImage(['dialog.gif', 'dialog-winbtns.gif', 'dialog-bc.gif', 'dialog-tc.gif']);
|
|||
|
|
|
|||
|
|
$.ligerDefaults.Dialog = {
|
|||
|
|
cls: null, //给dialog附加css class
|
|||
|
|
contentCls: null,
|
|||
|
|
id: null, //给dialog附加id
|
|||
|
|
buttons: null, //按钮集合
|
|||
|
|
isDrag: true, //是否拖动
|
|||
|
|
width: 280, //宽度
|
|||
|
|
height: null, //高度,默认自适应
|
|||
|
|
content: '', //内容
|
|||
|
|
target: null, //目标对象,指定它将以appendTo()的方式载入
|
|||
|
|
url: null, //目标页url,默认以iframe的方式载入
|
|||
|
|
urlParms: null, //传参
|
|||
|
|
load: false, //是否以load()的方式加载目标页的内容
|
|||
|
|
type: 'none', //类型 warn、success、error、question
|
|||
|
|
left: null, //位置left
|
|||
|
|
top: null, //位置top
|
|||
|
|
modal: true, //是否模态对话框
|
|||
|
|
data: null, //传递数据容器
|
|||
|
|
name: null, //创建iframe时 作为iframe的name和id
|
|||
|
|
isResize: false, // 是否调整大小
|
|||
|
|
allowClose: true, //允许关闭
|
|||
|
|
opener: null,
|
|||
|
|
timeParmName: null, //是否给URL后面加上值为new Date().getTime()的参数,如果需要指定一个参数名即可
|
|||
|
|
closeWhenEnter: null, //回车时是否关闭dialog
|
|||
|
|
isHidden: true, //关闭对话框时是否只是隐藏,还是销毁对话框
|
|||
|
|
show: true, //初始化时是否马上显示
|
|||
|
|
title: '提示', //头部
|
|||
|
|
showMax: false, //是否显示最大化按钮
|
|||
|
|
showToggle: false, //是否显示收缩窗口按钮
|
|||
|
|
showMin: false, //是否显示最小化按钮
|
|||
|
|
slide: $.browser.msie ? false : true, //是否以动画的形式显示
|
|||
|
|
fixedType: null, //在固定的位置显示, 可以设置的值有n, e, s, w, ne, se, sw, nw
|
|||
|
|
showType: null, //显示类型,可以设置为slide(固定显示时有效)
|
|||
|
|
layoutMode : 1, //1 九宫布局, 2 上中下布局
|
|||
|
|
onLoaded: null,
|
|||
|
|
onExtend: null,
|
|||
|
|
onExtended: null,
|
|||
|
|
onCollapse: null,
|
|||
|
|
onCollapseed: null,
|
|||
|
|
onContentHeightChange: null,
|
|||
|
|
onClose: null,
|
|||
|
|
onClosed: null,
|
|||
|
|
onStopResize: null,
|
|||
|
|
minIsHide : false //最小化仅隐藏
|
|||
|
|
};
|
|||
|
|
$.ligerDefaults.DialogString = {
|
|||
|
|
titleMessage: '提示', //提示文本标题
|
|||
|
|
ok: '确定',
|
|||
|
|
yes: '是',
|
|||
|
|
no: '否',
|
|||
|
|
cancel: '取消',
|
|||
|
|
waittingMessage: '正在等待中,请稍候...'
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
$.ligerMethos.Dialog = $.ligerMethos.Dialog || {};
|
|||
|
|
|
|||
|
|
|
|||
|
|
l.controls.Dialog = function (options)
|
|||
|
|
{
|
|||
|
|
l.controls.Dialog.base.constructor.call(this, null, options);
|
|||
|
|
};
|
|||
|
|
l.controls.Dialog.ligerExtend(l.core.Win, {
|
|||
|
|
__getType: function ()
|
|||
|
|
{
|
|||
|
|
return 'Dialog';
|
|||
|
|
},
|
|||
|
|
__idPrev: function ()
|
|||
|
|
{
|
|||
|
|
return 'Dialog';
|
|||
|
|
},
|
|||
|
|
_extendMethods: function ()
|
|||
|
|
{
|
|||
|
|
return $.ligerMethos.Dialog;
|
|||
|
|
},
|
|||
|
|
_render: function ()
|
|||
|
|
{
|
|||
|
|
var g = this, p = this.options;
|
|||
|
|
var tmpId = "";
|
|||
|
|
g.set(p, true);
|
|||
|
|
var dialog = $('<div class="l-dialog"><table class="l-dialog-table" cellpadding="0" cellspacing="0" border="0"><tbody><tr><td class="l-dialog-tl"></td><td class="l-dialog-tc"><div class="l-dialog-tc-inner"><div class="l-dialog-icon"></div><div class="l-dialog-title"></div><div class="l-dialog-winbtns"><div class="l-dialog-winbtn l-dialog-close"></div></div></div></td><td class="l-dialog-tr"></td></tr><tr><td class="l-dialog-cl"></td><td class="l-dialog-cc"><div class="l-dialog-body"><div class="l-dialog-image"></div> <div class="l-dialog-content"></div><div class="l-dialog-buttons"><div class="l-dialog-buttons-inner"></div></td><td class="l-dialog-cr"></td></tr><tr><td class="l-dialog-bl"></td><td class="l-dialog-bc"></td><td class="l-dialog-br"></td></tr></tbody></table></div>');
|
|||
|
|
$('body').append(dialog);
|
|||
|
|
g.dialog = dialog;
|
|||
|
|
if (p.layoutMode == 2) //上中下布局,不再需要这左右的单元格了
|
|||
|
|
{
|
|||
|
|
dialog.find("td.l-dialog-tl,td.l-dialog-cl,td.l-dialog-bl,td.l-dialog-tr,td.l-dialog-cr,td.l-dialog-br").remove();
|
|||
|
|
}
|
|||
|
|
g.element = dialog[0];
|
|||
|
|
g.dialog.body = $(".l-dialog-body:first", g.dialog);
|
|||
|
|
g.dialog.header = $(".l-dialog-tc-inner:first", g.dialog);
|
|||
|
|
g.dialog.winbtns = $(".l-dialog-winbtns:first", g.dialog.header);
|
|||
|
|
g.dialog.buttons = $(".l-dialog-buttons:first", g.dialog);
|
|||
|
|
g.dialog.content = $(".l-dialog-content:first", g.dialog);
|
|||
|
|
g.set(p, false);
|
|||
|
|
|
|||
|
|
if (p.allowClose == false) $(".l-dialog-close", g.dialog).remove();
|
|||
|
|
if (p.target || p.url || p.type == "none")
|
|||
|
|
{
|
|||
|
|
p.type = null;
|
|||
|
|
g.dialog.addClass("l-dialog-win");
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
if (p.cls) g.dialog.addClass(p.cls);
|
|||
|
|
if (p.id) g.dialog.attr("id", p.id);
|
|||
|
|
|
|||
|
|
//设置锁定屏幕、拖动支持 和设置图片
|
|||
|
|
g.mask();
|
|||
|
|
if (p.isDrag)
|
|||
|
|
g._applyDrag();
|
|||
|
|
if (p.isResize)
|
|||
|
|
g._applyResize();
|
|||
|
|
if (p.type)
|
|||
|
|
g._setImage();
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
$(".l-dialog-image", g.dialog).remove();
|
|||
|
|
g.dialog.content.addClass("l-dialog-content-noimage");
|
|||
|
|
}
|
|||
|
|
if (p.contentCls)
|
|||
|
|
g.dialog.content.addClass(p.contentCls);
|
|||
|
|
if (!p.show)
|
|||
|
|
{
|
|||
|
|
g.unmask();
|
|||
|
|
g.dialog.hide();
|
|||
|
|
}
|
|||
|
|
//设置主体内容
|
|||
|
|
if (p.target)
|
|||
|
|
{
|
|||
|
|
g.dialog.content.prepend(p.target);
|
|||
|
|
$(p.target).show();
|
|||
|
|
}
|
|||
|
|
else if (p.url)
|
|||
|
|
{
|
|||
|
|
var url = $.isFunction(p.url) ? p.url.call(g) : p.url;
|
|||
|
|
var urlParms = $.isFunction(p.urlParms) ? p.urlParms.call(g) : p.urlParms;
|
|||
|
|
if (p.timeParmName)
|
|||
|
|
{
|
|||
|
|
urlParms = urlParms || {};
|
|||
|
|
urlParms[p.timeParmName] = new Date().getTime();
|
|||
|
|
}
|
|||
|
|
if (urlParms)
|
|||
|
|
{
|
|||
|
|
for (var name in urlParms)
|
|||
|
|
{
|
|||
|
|
url += url.indexOf('?') == -1 ? "?" : "&";
|
|||
|
|
url += name + "=" + urlParms[name];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (p.load)
|
|||
|
|
{
|
|||
|
|
g.dialog.body.load(url, function ()
|
|||
|
|
{
|
|||
|
|
g._saveStatus();
|
|||
|
|
g.trigger('loaded');
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
g.jiframe = $("<iframe frameborder='0'></iframe>");
|
|||
|
|
var framename = p.name ? p.name : "ligerwindow" + new Date().getTime();
|
|||
|
|
g.jiframe.attr("name", framename);
|
|||
|
|
g.jiframe.attr("id", framename);
|
|||
|
|
g.dialog.content.prepend(g.jiframe);
|
|||
|
|
g.dialog.content.addClass("l-dialog-content-nopadding l-dialog-content-frame");
|
|||
|
|
|
|||
|
|
setTimeout(function ()
|
|||
|
|
{
|
|||
|
|
if (g.dialog.body.find(".l-dialog-loading:first").length == 0)
|
|||
|
|
g.dialog.body.append("<div class='l-dialog-loading' style='display:block;'></div>");
|
|||
|
|
var iframeloading = $(".l-dialog-loading:first", g.dialog.body);
|
|||
|
|
g.jiframe[0].dialog = g;//增加窗口对dialog对象的引用
|
|||
|
|
/*
|
|||
|
|
可以在子窗口这样使用:
|
|||
|
|
var dialog = frameElement.dialog;
|
|||
|
|
var dialogData = dialog.get('data');//获取data参数
|
|||
|
|
dialog.set('title','新标题'); //设置标题
|
|||
|
|
dialog.close();//关闭dialog
|
|||
|
|
*/
|
|||
|
|
g.jiframe.attr("src", url).bind('load.dialog', function ()
|
|||
|
|
{
|
|||
|
|
iframeloading.hide();
|
|||
|
|
g.trigger('loaded');
|
|||
|
|
});
|
|||
|
|
g.frame = window.frames[g.jiframe.attr("name")];
|
|||
|
|
}, 0);
|
|||
|
|
// 为了解决ie下对含有iframe的div窗口销毁不正确,进而导致第二次打开时焦点不在当前图层的问题
|
|||
|
|
// 加入以下代码
|
|||
|
|
tmpId = 'jquery_ligerui_' + new Date().getTime();
|
|||
|
|
g.tmpInput = $("<input></input>");
|
|||
|
|
g.tmpInput.attr("id", tmpId);
|
|||
|
|
g.dialog.content.prepend(g.tmpInput);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (p.opener) g.dialog.opener = p.opener;
|
|||
|
|
//设置按钮
|
|||
|
|
if (p.buttons)
|
|||
|
|
{
|
|||
|
|
$(p.buttons).each(function (i, item)
|
|||
|
|
{
|
|||
|
|
var btn = $('<div class="l-dialog-btn"><div class="l-dialog-btn-l"></div><div class="l-dialog-btn-r"></div><div class="l-dialog-btn-inner"></div></div>');
|
|||
|
|
$(".l-dialog-btn-inner", btn).html(item.text);
|
|||
|
|
$(".l-dialog-buttons-inner", g.dialog.buttons).prepend(btn);
|
|||
|
|
item.width && btn.width(item.width);
|
|||
|
|
item.onclick && btn.click(function ()
|
|||
|
|
{
|
|||
|
|
item.onclick(item, g, i);
|
|||
|
|
});
|
|||
|
|
item.cls && btn.addClass(item.cls);
|
|||
|
|
});
|
|||
|
|
} else
|
|||
|
|
{
|
|||
|
|
g.dialog.buttons.remove();
|
|||
|
|
}
|
|||
|
|
$(".l-dialog-buttons-inner", g.dialog.buttons).append("<div class='l-clear'></div>");
|
|||
|
|
|
|||
|
|
|
|||
|
|
$(".l-dialog-title", g.dialog)
|
|||
|
|
.bind("selectstart", function () { return false; });
|
|||
|
|
g.dialog.click(function ()
|
|||
|
|
{
|
|||
|
|
l.win.setFront(g);
|
|||
|
|
});
|
|||
|
|
//设置事件
|
|||
|
|
$(".l-dialog-tc .l-dialog-close", g.dialog).click(function ()
|
|||
|
|
{
|
|||
|
|
if (p.isHidden)
|
|||
|
|
g.hide();
|
|||
|
|
else
|
|||
|
|
g.close();
|
|||
|
|
});
|
|||
|
|
if (!p.fixedType)
|
|||
|
|
{
|
|||
|
|
if (p.width == 'auto')
|
|||
|
|
{
|
|||
|
|
setTimeout(function ()
|
|||
|
|
{
|
|||
|
|
resetPos()
|
|||
|
|
}, 100);
|
|||
|
|
} else
|
|||
|
|
{
|
|||
|
|
resetPos();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function resetPos()
|
|||
|
|
{
|
|||
|
|
//位置初始化
|
|||
|
|
var left = 0;
|
|||
|
|
var top = 0;
|
|||
|
|
var width = p.width || g.dialog.width();
|
|||
|
|
if (p.slide == true) p.slide = 'fast';
|
|||
|
|
if (p.left != null) left = p.left;
|
|||
|
|
else p.left = left = 0.5 * ($(window).width() - width);
|
|||
|
|
if (p.top != null) top = p.top;
|
|||
|
|
else p.top = top = 0.5 * ($(window).height() - g.dialog.height()) + $(window).scrollTop() - 10;
|
|||
|
|
if (left < 0) p.left = left = 0;
|
|||
|
|
if (top < 0) p.top = top = 0;
|
|||
|
|
g.dialog.css({ left: left, top: top });
|
|||
|
|
}
|
|||
|
|
g.show();
|
|||
|
|
$('body').bind('keydown.dialog', function (e)
|
|||
|
|
{
|
|||
|
|
var key = e.which;
|
|||
|
|
if (key == 13)
|
|||
|
|
{
|
|||
|
|
g.enter();
|
|||
|
|
}
|
|||
|
|
else if (key == 27)
|
|||
|
|
{
|
|||
|
|
g.esc();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
g._updateBtnsWidth();
|
|||
|
|
g._saveStatus();
|
|||
|
|
g._onReisze();
|
|||
|
|
if (tmpId != "")
|
|||
|
|
{
|
|||
|
|
$("#" + tmpId).focus();
|
|||
|
|
$("#" + tmpId).remove();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
_borderX: 12,
|
|||
|
|
_borderY: 32,
|
|||
|
|
doMax: function (slide)
|
|||
|
|
{
|
|||
|
|
var g = this, p = this.options;
|
|||
|
|
var width = $(window).width(), height = $(window).height(), left = 0, top = 0;
|
|||
|
|
if (l.win.taskbar)
|
|||
|
|
{
|
|||
|
|
height -= l.win.taskbar.outerHeight();
|
|||
|
|
if (l.win.top) top += l.win.taskbar.outerHeight();
|
|||
|
|
}
|
|||
|
|
if (slide)
|
|||
|
|
{
|
|||
|
|
g.dialog.body.animate({ width: width - g._borderX }, p.slide);
|
|||
|
|
g.dialog.animate({ left: left, top: top }, p.slide);
|
|||
|
|
g.dialog.content.animate({ height: height - g._borderY - g.dialog.buttons.outerHeight() }, p.slide, function ()
|
|||
|
|
{
|
|||
|
|
g._onReisze();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
g.set({ width: width, height: height, left: left, top: top });
|
|||
|
|
g._onReisze();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
//最大化
|
|||
|
|
max: function ()
|
|||
|
|
{
|
|||
|
|
var g = this, p = this.options;
|
|||
|
|
if (g.winmax)
|
|||
|
|
{
|
|||
|
|
g.winmax.addClass("l-dialog-recover");
|
|||
|
|
g.doMax(p.slide);
|
|||
|
|
if (g.wintoggle)
|
|||
|
|
{
|
|||
|
|
if (g.wintoggle.hasClass("l-dialog-extend"))
|
|||
|
|
g.wintoggle.addClass("l-dialog-toggle-disabled l-dialog-extend-disabled");
|
|||
|
|
else
|
|||
|
|
g.wintoggle.addClass("l-dialog-toggle-disabled l-dialog-collapse-disabled");
|
|||
|
|
}
|
|||
|
|
if (g.resizable) g.resizable.set({ disabled: true });
|
|||
|
|
if (g.draggable) g.draggable.set({ disabled: true });
|
|||
|
|
g.maximum = true;
|
|||
|
|
|
|||
|
|
$(window).bind('resize.dialogmax', function ()
|
|||
|
|
{
|
|||
|
|
g.doMax(false);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
//恢复
|
|||
|
|
recover: function ()
|
|||
|
|
{
|
|||
|
|
var g = this, p = this.options;
|
|||
|
|
if (g.winmax)
|
|||
|
|
{
|
|||
|
|
g.winmax.removeClass("l-dialog-recover");
|
|||
|
|
if (p.slide)
|
|||
|
|
{
|
|||
|
|
g.dialog.body.animate({ width: g._width - g._borderX }, p.slide);
|
|||
|
|
g.dialog.animate({ left: g._left, top: g._top }, p.slide);
|
|||
|
|
g.dialog.content.animate({ height: g._height - g._borderY - g.dialog.buttons.outerHeight() }, p.slide, function ()
|
|||
|
|
{
|
|||
|
|
g._onReisze();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
g.set({ width: g._width, height: g._height, left: g._left, top: g._top });
|
|||
|
|
g._onReisze();
|
|||
|
|
}
|
|||
|
|
if (g.wintoggle)
|
|||
|
|
{
|
|||
|
|
g.wintoggle.removeClass("l-dialog-toggle-disabled l-dialog-extend-disabled l-dialog-collapse-disabled");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$(window).unbind('resize.dialogmax');
|
|||
|
|
}
|
|||
|
|
if (this.resizable) this.resizable.set({ disabled: false });
|
|||
|
|
if (g.draggable) g.draggable.set({ disabled: false });
|
|||
|
|
g.maximum = false;
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
//最小化
|
|||
|
|
min: function ()
|
|||
|
|
{
|
|||
|
|
var g = this, p = this.options;
|
|||
|
|
if (p.minIsHide)
|
|||
|
|
{
|
|||
|
|
g.dialog.hide();
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
var task = l.win.getTask(this);
|
|||
|
|
if (p.slide)
|
|||
|
|
{
|
|||
|
|
g.dialog.body.animate({ width: 1 }, p.slide);
|
|||
|
|
task.y = task.offset().top + task.height();
|
|||
|
|
task.x = task.offset().left + task.width() / 2;
|
|||
|
|
g.dialog.animate({ left: task.x, top: task.y }, p.slide, function ()
|
|||
|
|
{
|
|||
|
|
g.dialog.hide();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
g.dialog.hide();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
g.unmask();
|
|||
|
|
g.minimize = true;
|
|||
|
|
g.actived = false;
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
active: function ()
|
|||
|
|
{
|
|||
|
|
var g = this, p = this.options;
|
|||
|
|
if (g.minimize)
|
|||
|
|
{
|
|||
|
|
var width = g._width, height = g._height, left = g._left, top = g._top;
|
|||
|
|
if (g.maximum)
|
|||
|
|
{
|
|||
|
|
width = $(window).width();
|
|||
|
|
height = $(window).height();
|
|||
|
|
left = top = 0;
|
|||
|
|
if (l.win.taskbar)
|
|||
|
|
{
|
|||
|
|
height -= l.win.taskbar.outerHeight();
|
|||
|
|
if (l.win.top) top += l.win.taskbar.outerHeight();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (p.slide)
|
|||
|
|
{
|
|||
|
|
g.dialog.body.animate({ width: width - g._borderX }, p.slide);
|
|||
|
|
g.dialog.animate({ left: left, top: top }, p.slide);
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
g.set({ width: width, height: height, left: left, top: top });
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
g.actived = true;
|
|||
|
|
g.minimize = false;
|
|||
|
|
l.win.setFront(g);
|
|||
|
|
g.show();
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
//展开 收缩
|
|||
|
|
toggle: function ()
|
|||
|
|
{
|
|||
|
|
|
|||
|
|
var g = this, p = this.options;
|
|||
|
|
if (!g.wintoggle) return;
|
|||
|
|
if (g.wintoggle.hasClass("l-dialog-extend"))
|
|||
|
|
g.extend();
|
|||
|
|
else
|
|||
|
|
g.collapse();
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
//收缩
|
|||
|
|
collapse: function (slide)
|
|||
|
|
{
|
|||
|
|
var g = this, p = this.options;
|
|||
|
|
if (!g.wintoggle) return;
|
|||
|
|
if (p.slide && slide != false)
|
|||
|
|
g.dialog.content.animate({ height: 1 }, p.slide);
|
|||
|
|
else
|
|||
|
|
g.dialog.content.height(1);
|
|||
|
|
if (this.resizable) this.resizable.set({ disabled: true });
|
|||
|
|
|
|||
|
|
g.wintoggle.addClass("l-dialog-extend");
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
//展开
|
|||
|
|
extend: function ()
|
|||
|
|
{
|
|||
|
|
var g = this, p = this.options;
|
|||
|
|
if (!g.wintoggle) return;
|
|||
|
|
var contentHeight = g._height - g._borderY - g.dialog.buttons.outerHeight();
|
|||
|
|
if (p.slide)
|
|||
|
|
g.dialog.content.animate({ height: contentHeight }, p.slide);
|
|||
|
|
else
|
|||
|
|
g.dialog.content.height(contentHeight);
|
|||
|
|
if (this.resizable) this.resizable.set({ disabled: false });
|
|||
|
|
|
|||
|
|
|
|||
|
|
g.wintoggle.removeClass("l-dialog-extend");
|
|||
|
|
},
|
|||
|
|
_updateBtnsWidth: function ()
|
|||
|
|
{
|
|||
|
|
var g = this;
|
|||
|
|
var btnscount = $(">div", g.dialog.winbtns).length;
|
|||
|
|
g.dialog.winbtns.width(22 * btnscount);
|
|||
|
|
},
|
|||
|
|
_setLeft: function (value)
|
|||
|
|
{
|
|||
|
|
if (!this.dialog) return;
|
|||
|
|
if (value != null)
|
|||
|
|
this.dialog.css({ left: value });
|
|||
|
|
},
|
|||
|
|
_setTop: function (value)
|
|||
|
|
{
|
|||
|
|
if (!this.dialog) return;
|
|||
|
|
if (value != null)
|
|||
|
|
this.dialog.css({ top: value });
|
|||
|
|
},
|
|||
|
|
_setWidth: function (value)
|
|||
|
|
{
|
|||
|
|
if (!this.dialog) return;
|
|||
|
|
if (value >= this._borderX)
|
|||
|
|
{
|
|||
|
|
this.dialog.body.width(value - this._borderX);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
_setHeight: function (value)
|
|||
|
|
{
|
|||
|
|
var g = this, p = this.options;
|
|||
|
|
if (!this.dialog) return;
|
|||
|
|
if (value == "auto")
|
|||
|
|
{
|
|||
|
|
g.dialog.content.height('auto');
|
|||
|
|
} else if (value >= this._borderY)
|
|||
|
|
{
|
|||
|
|
var height = value - this._borderY - g.dialog.buttons.outerHeight();
|
|||
|
|
if (g.trigger('ContentHeightChange', [height]) == false) return;
|
|||
|
|
if (p.load)
|
|||
|
|
{
|
|||
|
|
g.dialog.body.height(height);
|
|||
|
|
} else
|
|||
|
|
{
|
|||
|
|
g.dialog.content.height(height);
|
|||
|
|
}
|
|||
|
|
g.trigger('ContentHeightChanged', [height]);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
_setShowMax: function (value)
|
|||
|
|
{
|
|||
|
|
var g = this, p = this.options;
|
|||
|
|
if (value)
|
|||
|
|
{
|
|||
|
|
if (!g.winmax)
|
|||
|
|
{
|
|||
|
|
g.winmax = $('<div class="l-dialog-winbtn l-dialog-max"></div>').appendTo(g.dialog.winbtns)
|
|||
|
|
.hover(function ()
|
|||
|
|
{
|
|||
|
|
if ($(this).hasClass("l-dialog-recover"))
|
|||
|
|
$(this).addClass("l-dialog-recover-over");
|
|||
|
|
else
|
|||
|
|
$(this).addClass("l-dialog-max-over");
|
|||
|
|
}, function ()
|
|||
|
|
{
|
|||
|
|
$(this).removeClass("l-dialog-max-over l-dialog-recover-over");
|
|||
|
|
}).click(function ()
|
|||
|
|
{
|
|||
|
|
if ($(this).hasClass("l-dialog-recover"))
|
|||
|
|
g.recover();
|
|||
|
|
else
|
|||
|
|
g.max();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else if (g.winmax)
|
|||
|
|
{
|
|||
|
|
g.winmax.remove();
|
|||
|
|
g.winmax = null;
|
|||
|
|
}
|
|||
|
|
g._updateBtnsWidth();
|
|||
|
|
},
|
|||
|
|
_setShowMin: function (value)
|
|||
|
|
{
|
|||
|
|
var g = this, p = this.options;
|
|||
|
|
if (value)
|
|||
|
|
{
|
|||
|
|
if (!g.winmin)
|
|||
|
|
{
|
|||
|
|
g.winmin = $('<div class="l-dialog-winbtn l-dialog-min"></div>').appendTo(g.dialog.winbtns)
|
|||
|
|
.hover(function ()
|
|||
|
|
{
|
|||
|
|
$(this).addClass("l-dialog-min-over");
|
|||
|
|
}, function ()
|
|||
|
|
{
|
|||
|
|
$(this).removeClass("l-dialog-min-over");
|
|||
|
|
}).click(function ()
|
|||
|
|
{
|
|||
|
|
g.min();
|
|||
|
|
});
|
|||
|
|
if (!p.minIsHide)
|
|||
|
|
{
|
|||
|
|
l.win.addTask(g);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else if (g.winmin)
|
|||
|
|
{
|
|||
|
|
g.winmin.remove();
|
|||
|
|
g.winmin = null;
|
|||
|
|
}
|
|||
|
|
g._updateBtnsWidth();
|
|||
|
|
},
|
|||
|
|
_setShowToggle: function (value)
|
|||
|
|
{
|
|||
|
|
var g = this, p = this.options;
|
|||
|
|
if (value)
|
|||
|
|
{
|
|||
|
|
if (!g.wintoggle)
|
|||
|
|
{
|
|||
|
|
g.wintoggle = $('<div class="l-dialog-winbtn l-dialog-collapse"></div>').appendTo(g.dialog.winbtns)
|
|||
|
|
.hover(function ()
|
|||
|
|
{
|
|||
|
|
if ($(this).hasClass("l-dialog-toggle-disabled")) return;
|
|||
|
|
if ($(this).hasClass("l-dialog-extend"))
|
|||
|
|
$(this).addClass("l-dialog-extend-over");
|
|||
|
|
else
|
|||
|
|
$(this).addClass("l-dialog-collapse-over");
|
|||
|
|
}, function ()
|
|||
|
|
{
|
|||
|
|
$(this).removeClass("l-dialog-extend-over l-dialog-collapse-over");
|
|||
|
|
}).click(function ()
|
|||
|
|
{
|
|||
|
|
if ($(this).hasClass("l-dialog-toggle-disabled")) return;
|
|||
|
|
if (g.wintoggle.hasClass("l-dialog-extend"))
|
|||
|
|
{
|
|||
|
|
if (g.trigger('extend') == false) return;
|
|||
|
|
g.wintoggle.removeClass("l-dialog-extend");
|
|||
|
|
g.extend();
|
|||
|
|
g.trigger('extended');
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
if (g.trigger('collapse') == false) return;
|
|||
|
|
g.wintoggle.addClass("l-dialog-extend");
|
|||
|
|
g.collapse();
|
|||
|
|
g.trigger('collapseed')
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else if (g.wintoggle)
|
|||
|
|
{
|
|||
|
|
g.wintoggle.remove();
|
|||
|
|
g.wintoggle = null;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
//按下回车
|
|||
|
|
enter: function ()
|
|||
|
|
{
|
|||
|
|
var g = this, p = this.options;
|
|||
|
|
var isClose;
|
|||
|
|
if (p.closeWhenEnter != undefined)
|
|||
|
|
{
|
|||
|
|
isClose = p.closeWhenEnter;
|
|||
|
|
}
|
|||
|
|
else if (p.type == "warn" || p.type == "error" || p.type == "success" || p.type == "question")
|
|||
|
|
{
|
|||
|
|
isClose = true;
|
|||
|
|
}
|
|||
|
|
if (isClose)
|
|||
|
|
{
|
|||
|
|
g.close();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
esc: function ()
|
|||
|
|
{
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
_removeDialog: function ()
|
|||
|
|
{
|
|||
|
|
var g = this, p = this.options;
|
|||
|
|
if (p.showType && p.fixedType)
|
|||
|
|
{
|
|||
|
|
g.dialog.animate({ bottom: -1 * p.height }, function ()
|
|||
|
|
{
|
|||
|
|
remove();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
remove();
|
|||
|
|
}
|
|||
|
|
function remove()
|
|||
|
|
{
|
|||
|
|
var jframe = $('iframe', g.dialog);
|
|||
|
|
if (jframe.length)
|
|||
|
|
{
|
|||
|
|
var frame = jframe[0];
|
|||
|
|
frame.src = "about:blank";
|
|||
|
|
if (frame.contentWindow && frame.contentWindow.document)
|
|||
|
|
{
|
|||
|
|
try
|
|||
|
|
{
|
|||
|
|
frame.contentWindow.document.write('');
|
|||
|
|
} catch (e)
|
|||
|
|
{
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
$.browser.msie && CollectGarbage();
|
|||
|
|
jframe.remove();
|
|||
|
|
}
|
|||
|
|
g.dialog.remove();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
close: function ()
|
|||
|
|
{
|
|||
|
|
var g = this, p = this.options;
|
|||
|
|
if (g.trigger('Close') == false) return;
|
|||
|
|
g.doClose();
|
|||
|
|
if (g.trigger('Closed') == false) return;
|
|||
|
|
},
|
|||
|
|
doClose: function ()
|
|||
|
|
{
|
|||
|
|
var g = this;
|
|||
|
|
l.win.removeTask(this);
|
|||
|
|
$.ligerui.remove(this);
|
|||
|
|
g.unmask();
|
|||
|
|
g._removeDialog();
|
|||
|
|
$('body').unbind('keydown.dialog');
|
|||
|
|
},
|
|||
|
|
_getVisible: function ()
|
|||
|
|
{
|
|||
|
|
return this.dialog.is(":visible");
|
|||
|
|
},
|
|||
|
|
_setUrl: function (url)
|
|||
|
|
{
|
|||
|
|
var g = this, p = this.options;
|
|||
|
|
p.url = url;
|
|||
|
|
if (p.load)
|
|||
|
|
{
|
|||
|
|
g.dialog.body.html("").load(p.url, function ()
|
|||
|
|
{
|
|||
|
|
g.trigger('loaded');
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
else if (g.jiframe)
|
|||
|
|
{
|
|||
|
|
g.jiframe.attr("src", p.url);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
_setContent: function (content)
|
|||
|
|
{
|
|||
|
|
this.dialog.content.html(content);
|
|||
|
|
},
|
|||
|
|
_setTitle: function (value)
|
|||
|
|
{
|
|||
|
|
var g = this; var p = this.options;
|
|||
|
|
if (value)
|
|||
|
|
{
|
|||
|
|
$(".l-dialog-title", g.dialog).html(value);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
_hideDialog: function ()
|
|||
|
|
{
|
|||
|
|
var g = this, p = this.options;
|
|||
|
|
if (p.showType && p.fixedType)
|
|||
|
|
{
|
|||
|
|
g.dialog.animate({ bottom: -1 * p.height }, function ()
|
|||
|
|
{
|
|||
|
|
g.dialog.hide();
|
|||
|
|
});
|
|||
|
|
} else
|
|||
|
|
{
|
|||
|
|
g.dialog.hide();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
hidden: function ()
|
|||
|
|
{
|
|||
|
|
var g = this;
|
|||
|
|
l.win.removeTask(g);
|
|||
|
|
g.dialog.hide();
|
|||
|
|
g.unmask();
|
|||
|
|
},
|
|||
|
|
show: function ()
|
|||
|
|
{
|
|||
|
|
var g = this, p = this.options;
|
|||
|
|
g.mask();
|
|||
|
|
if (p.fixedType)
|
|||
|
|
{
|
|||
|
|
if (p.showType)
|
|||
|
|
{
|
|||
|
|
g.dialog.css({ bottom: -1 * p.height }).addClass("l-dialog-fixed");
|
|||
|
|
g.dialog.show().animate({ bottom: 0 });
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
g.dialog.show().css({ bottom: 0 }).addClass("l-dialog-fixed");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
g.dialog.show();
|
|||
|
|
}
|
|||
|
|
//前端显示
|
|||
|
|
$.ligerui.win.setFront.ligerDefer($.ligerui.win, 100, [g]);
|
|||
|
|
},
|
|||
|
|
setUrl: function (url)
|
|||
|
|
{
|
|||
|
|
this._setUrl(url);
|
|||
|
|
},
|
|||
|
|
_saveStatus: function ()
|
|||
|
|
{
|
|||
|
|
var g = this;
|
|||
|
|
g._width = g.dialog.body.width();
|
|||
|
|
g._height = g.dialog.body.height();
|
|||
|
|
var top = 0;
|
|||
|
|
var left = 0;
|
|||
|
|
if (!isNaN(parseInt(g.dialog.css('top'))))
|
|||
|
|
top = parseInt(g.dialog.css('top'));
|
|||
|
|
if (!isNaN(parseInt(g.dialog.css('left'))))
|
|||
|
|
left = parseInt(g.dialog.css('left'));
|
|||
|
|
g._top = top;
|
|||
|
|
g._left = left;
|
|||
|
|
},
|
|||
|
|
_applyDrag: function ()
|
|||
|
|
{
|
|||
|
|
var g = this, p = this.options;
|
|||
|
|
if ($.fn.ligerDrag)
|
|||
|
|
{
|
|||
|
|
g.draggable = g.dialog.ligerDrag({
|
|||
|
|
handler: '.l-dialog-title', animate: false,
|
|||
|
|
onStartDrag: function ()
|
|||
|
|
{
|
|||
|
|
l.win.setFront(g);
|
|||
|
|
var mask = $("<div class='l-dragging-mask' style='display:block'></div>").height(g.dialog.height());
|
|||
|
|
g.dialog.append(mask);
|
|||
|
|
g.dialog.content.addClass('l-dialog-content-dragging');
|
|||
|
|
},
|
|||
|
|
onDrag: function (current, e)
|
|||
|
|
{
|
|||
|
|
var pageY = e.pageY || e.screenY;
|
|||
|
|
if (pageY < 0) return false;
|
|||
|
|
},
|
|||
|
|
onStopDrag: function ()
|
|||
|
|
{
|
|||
|
|
g.dialog.find("div.l-dragging-mask:first").remove();
|
|||
|
|
g.dialog.content.removeClass('l-dialog-content-dragging');
|
|||
|
|
if (p.target)
|
|||
|
|
{
|
|||
|
|
var triggers1 = l.find($.ligerui.controls.DateEditor);
|
|||
|
|
var triggers2 = l.find($.ligerui.controls.ComboBox);
|
|||
|
|
//更新所有下拉选择框的位置
|
|||
|
|
$($.merge(triggers1, triggers2)).each(function ()
|
|||
|
|
{
|
|||
|
|
if (this.updateSelectBoxPosition)
|
|||
|
|
this.updateSelectBoxPosition();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
g._saveStatus();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
_onReisze: function ()
|
|||
|
|
{
|
|||
|
|
var g = this, p = this.options;
|
|||
|
|
if (p.target || p.url)
|
|||
|
|
{
|
|||
|
|
var manager = $(p.target).liger();
|
|||
|
|
if (!manager) manager = $(p.target).find(":first").liger();
|
|||
|
|
if (!manager) return;
|
|||
|
|
var contentHeight = g.dialog.content.height();
|
|||
|
|
var contentWidth = g.dialog.content.width();
|
|||
|
|
manager.trigger('resize', [{ width: contentWidth, height: contentHeight }]);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
_applyResize: function ()
|
|||
|
|
{
|
|||
|
|
var g = this, p = this.options;
|
|||
|
|
if ($.fn.ligerResizable)
|
|||
|
|
{
|
|||
|
|
g.resizable = g.dialog.ligerResizable({
|
|||
|
|
onStopResize: function (current, e)
|
|||
|
|
{
|
|||
|
|
var top = 0;
|
|||
|
|
var left = 0;
|
|||
|
|
if (!isNaN(parseInt(g.dialog.css('top'))))
|
|||
|
|
top = parseInt(g.dialog.css('top'));
|
|||
|
|
if (!isNaN(parseInt(g.dialog.css('left'))))
|
|||
|
|
left = parseInt(g.dialog.css('left'));
|
|||
|
|
if (current.diffLeft)
|
|||
|
|
{
|
|||
|
|
g.set({ left: left + current.diffLeft });
|
|||
|
|
}
|
|||
|
|
if (current.diffTop)
|
|||
|
|
{
|
|||
|
|
g.set({ top: top + current.diffTop });
|
|||
|
|
}
|
|||
|
|
if (current.newWidth)
|
|||
|
|
{
|
|||
|
|
g.set({ width: current.newWidth });
|
|||
|
|
g.dialog.body.css({ width: current.newWidth - g._borderX });
|
|||
|
|
}
|
|||
|
|
if (current.newHeight)
|
|||
|
|
{
|
|||
|
|
g.set({ height: current.newHeight });
|
|||
|
|
}
|
|||
|
|
g._onReisze();
|
|||
|
|
g._saveStatus();
|
|||
|
|
g.trigger('stopResize');
|
|||
|
|
return false;
|
|||
|
|
}, animate: false
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
_setImage: function ()
|
|||
|
|
{
|
|||
|
|
var g = this, p = this.options;
|
|||
|
|
if (p.type)
|
|||
|
|
{
|
|||
|
|
var alertCss = { paddingLeft: 74, paddingRight: 15, paddingBottom: 30 };
|
|||
|
|
if (p.type == 'success' || p.type == 'donne' || p.type == 'ok')
|
|||
|
|
{
|
|||
|
|
$(".l-dialog-image", g.dialog).addClass("l-dialog-image-donne").show();
|
|||
|
|
g.dialog.content.css(alertCss);
|
|||
|
|
}
|
|||
|
|
else if (p.type == 'error')
|
|||
|
|
{
|
|||
|
|
$(".l-dialog-image", g.dialog).addClass("l-dialog-image-error").show();
|
|||
|
|
g.dialog.content.css(alertCss);
|
|||
|
|
}
|
|||
|
|
else if (p.type == 'warn')
|
|||
|
|
{
|
|||
|
|
$(".l-dialog-image", g.dialog).addClass("l-dialog-image-warn").show();
|
|||
|
|
g.dialog.content.css(alertCss);
|
|||
|
|
}
|
|||
|
|
else if (p.type == 'question')
|
|||
|
|
{
|
|||
|
|
$(".l-dialog-image", g.dialog).addClass("l-dialog-image-question").show();
|
|||
|
|
g.dialog.content.css(alertCss);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
l.controls.Dialog.prototype.hide = l.controls.Dialog.prototype.hidden;
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
$.ligerDialog.open = function (p)
|
|||
|
|
{
|
|||
|
|
return $.ligerDialog(p);
|
|||
|
|
};
|
|||
|
|
$.ligerDialog.close = function ()
|
|||
|
|
{
|
|||
|
|
var dialogs = l.find(l.controls.Dialog.prototype.__getType());
|
|||
|
|
for (var i in dialogs)
|
|||
|
|
{
|
|||
|
|
var d = dialogs[i];
|
|||
|
|
d.destroy.ligerDefer(d, 5);
|
|||
|
|
}
|
|||
|
|
l.win.unmask();
|
|||
|
|
};
|
|||
|
|
$.ligerDialog.show = function (p)
|
|||
|
|
{
|
|||
|
|
var dialogs = l.find(l.controls.Dialog.prototype.__getType());
|
|||
|
|
if (dialogs.length)
|
|||
|
|
{
|
|||
|
|
for (var i in dialogs)
|
|||
|
|
{
|
|||
|
|
dialogs[i].show();
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return $.ligerDialog(p);
|
|||
|
|
};
|
|||
|
|
$.ligerDialog.hide = function ()
|
|||
|
|
{
|
|||
|
|
var dialogs = l.find(l.controls.Dialog.prototype.__getType());
|
|||
|
|
for (var i in dialogs)
|
|||
|
|
{
|
|||
|
|
var d = dialogs[i];
|
|||
|
|
d.hide();
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
$.ligerDialog.tip = function (options)
|
|||
|
|
{
|
|||
|
|
options = $.extend({
|
|||
|
|
showType: 'slide',
|
|||
|
|
width: 240,
|
|||
|
|
modal: false,
|
|||
|
|
height: 100
|
|||
|
|
}, options || {});
|
|||
|
|
|
|||
|
|
$.extend(options, {
|
|||
|
|
fixedType: 'se',
|
|||
|
|
type: 'none',
|
|||
|
|
isDrag: false,
|
|||
|
|
isResize: false,
|
|||
|
|
showMax: false,
|
|||
|
|
showToggle: false,
|
|||
|
|
showMin: false
|
|||
|
|
});
|
|||
|
|
return $.ligerDialog.open(options);
|
|||
|
|
};
|
|||
|
|
$.ligerDialog.alert = function (content, title, type, callback, options)
|
|||
|
|
{
|
|||
|
|
content = content || "";
|
|||
|
|
if (typeof (title) == "function")
|
|||
|
|
{
|
|||
|
|
callback = title;
|
|||
|
|
type = null;
|
|||
|
|
}
|
|||
|
|
else if (typeof (type) == "function")
|
|||
|
|
{
|
|||
|
|
callback = type;
|
|||
|
|
}
|
|||
|
|
var btnclick = function (item, Dialog, index)
|
|||
|
|
{
|
|||
|
|
Dialog.close();
|
|||
|
|
if (callback)
|
|||
|
|
callback(item, Dialog, index);
|
|||
|
|
};
|
|||
|
|
p = {
|
|||
|
|
content: content,
|
|||
|
|
buttons: [{ text: $.ligerDefaults.DialogString.ok, onclick: btnclick }]
|
|||
|
|
};
|
|||
|
|
if (typeof (title) == "string" && title != "") p.title = title;
|
|||
|
|
if (typeof (type) == "string" && type != "") p.type = type;
|
|||
|
|
$.extend(p, {
|
|||
|
|
showMax: false,
|
|||
|
|
showToggle: false,
|
|||
|
|
showMin: false
|
|||
|
|
}, options || {});
|
|||
|
|
return $.ligerDialog(p);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
$.ligerDialog.confirm = function (content, title, callback)
|
|||
|
|
{
|
|||
|
|
if (typeof (title) == "function")
|
|||
|
|
{
|
|||
|
|
callback = title;
|
|||
|
|
type = null;
|
|||
|
|
}
|
|||
|
|
var btnclick = function (item, Dialog)
|
|||
|
|
{
|
|||
|
|
Dialog.close();
|
|||
|
|
if (callback)
|
|||
|
|
{
|
|||
|
|
callback(item.type == 'ok');
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
p = {
|
|||
|
|
type: 'question',
|
|||
|
|
content: content,
|
|||
|
|
buttons: [
|
|||
|
|
{
|
|||
|
|
text: $.ligerDefaults.DialogString.yes, onclick: btnclick, type: 'ok', cls: 'l-dialog-btn-ok'
|
|||
|
|
}, {
|
|||
|
|
text: $.ligerDefaults.DialogString.no, onclick: btnclick, type: 'no', cls: 'l-dialog-btn-no'
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
if (typeof (title) == "string" && title != "") p.title = title;
|
|||
|
|
$.extend(p, {
|
|||
|
|
showMax: false,
|
|||
|
|
showToggle: false,
|
|||
|
|
showMin: false
|
|||
|
|
});
|
|||
|
|
return $.ligerDialog(p);
|
|||
|
|
};
|
|||
|
|
$.ligerDialog.warning = function (content, title, callback, options)
|
|||
|
|
{
|
|||
|
|
if (typeof (title) == "function")
|
|||
|
|
{
|
|||
|
|
callback = title;
|
|||
|
|
type = null;
|
|||
|
|
}
|
|||
|
|
var btnclick = function (item, Dialog)
|
|||
|
|
{
|
|||
|
|
Dialog.close();
|
|||
|
|
if (callback)
|
|||
|
|
{
|
|||
|
|
callback(item.type);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
p = {
|
|||
|
|
type: 'question',
|
|||
|
|
content: content,
|
|||
|
|
buttons: [{ text: $.ligerDefaults.DialogString.yes, onclick: btnclick, type: 'yes' }, { text: $.ligerDefaults.DialogString.no, onclick: btnclick, type: 'no' }, { text: $.ligerDefaults.DialogString.cancel, onclick: btnclick, type: 'cancel' }]
|
|||
|
|
};
|
|||
|
|
if (typeof (title) == "string" && title != "") p.title = title;
|
|||
|
|
$.extend(p, {
|
|||
|
|
showMax: false,
|
|||
|
|
showToggle: false,
|
|||
|
|
showMin: false
|
|||
|
|
}, options || {});
|
|||
|
|
return $.ligerDialog(p);
|
|||
|
|
};
|
|||
|
|
$.ligerDialog.waitting = function (title)
|
|||
|
|
{
|
|||
|
|
title = title || $.ligerDefaults.Dialog.waittingMessage;
|
|||
|
|
return $.ligerDialog.open({ cls: 'l-dialog-waittingdialog', type: 'none', content: '<div style="padding:4px">' + title + '</div>', allowClose: false });
|
|||
|
|
};
|
|||
|
|
$.ligerDialog.closeWaitting = function ()
|
|||
|
|
{
|
|||
|
|
var dialogs = l.find(l.controls.Dialog);
|
|||
|
|
for (var i in dialogs)
|
|||
|
|
{
|
|||
|
|
var d = dialogs[i];
|
|||
|
|
if (d.dialog.hasClass("l-dialog-waittingdialog"))
|
|||
|
|
d.close();
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
$.ligerDialog.success = function (content, title, onBtnClick, options)
|
|||
|
|
{
|
|||
|
|
return $.ligerDialog.alert(content, title, 'success', onBtnClick, options);
|
|||
|
|
};
|
|||
|
|
$.ligerDialog.error = function (content, title, onBtnClick, options)
|
|||
|
|
{
|
|||
|
|
return $.ligerDialog.alert(content, title, 'error', onBtnClick, options);
|
|||
|
|
};
|
|||
|
|
$.ligerDialog.warn = function (content, title, onBtnClick, options)
|
|||
|
|
{
|
|||
|
|
return $.ligerDialog.alert(content, title, 'warn', onBtnClick, options);
|
|||
|
|
};
|
|||
|
|
$.ligerDialog.question = function (content, title, options)
|
|||
|
|
{
|
|||
|
|
return $.ligerDialog.alert(content, title, 'question', null, options);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
$.ligerDialog.prompt = function (title, value, multi, callback)
|
|||
|
|
{
|
|||
|
|
var target = $('<input type="text" class="l-dialog-inputtext"/>');
|
|||
|
|
if (typeof (multi) == "function")
|
|||
|
|
{
|
|||
|
|
callback = multi;
|
|||
|
|
}
|
|||
|
|
if (typeof (value) == "function")
|
|||
|
|
{
|
|||
|
|
callback = value;
|
|||
|
|
}
|
|||
|
|
else if (typeof (value) == "boolean")
|
|||
|
|
{
|
|||
|
|
multi = value;
|
|||
|
|
}
|
|||
|
|
if (typeof (multi) == "boolean" && multi)
|
|||
|
|
{
|
|||
|
|
target = $('<textarea class="l-dialog-textarea"></textarea>');
|
|||
|
|
}
|
|||
|
|
if (typeof (value) == "string" || typeof (value) == "int")
|
|||
|
|
{
|
|||
|
|
target.val(value);
|
|||
|
|
}
|
|||
|
|
var btnclick = function (item, Dialog, index)
|
|||
|
|
{
|
|||
|
|
Dialog.close();
|
|||
|
|
if (callback)
|
|||
|
|
{
|
|||
|
|
callback(item.type == 'yes', target.val());
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
p = {
|
|||
|
|
title: title,
|
|||
|
|
target: target,
|
|||
|
|
width: 320,
|
|||
|
|
buttons: [{ text: $.ligerDefaults.DialogString.ok, onclick: btnclick, type: 'yes' }, { text: $.ligerDefaults.DialogString.cancel, onclick: btnclick, type: 'cancel' }]
|
|||
|
|
};
|
|||
|
|
return $.ligerDialog(p);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
})(jQuery);
|