2024年4月26日发(作者:)

对话框,alert,confirm用法

一、 依赖文件:

Ps:不依赖jquery-ui

二、用法:

1、引入JS跟CSS:(分别在WebContent/js目录和WebContent/css目录下)

2、在JSP页面里加上国际化:

var DIALOG_OK = "";

var DIALOG_CANCLE = "";

Dialog对话框对象用法:

var dialog = new Dialog(jsonData);

jsonData参数属性:

dialog: 必选,对话框ID, string

title: 可选,对话框标题, string

top: 可选,Y值, number

width: 可选,宽, number

height: 可选,高, number

preLoad: 可选,打开对话框前的操作, function

afterClose: 可选,关闭对话框前的操作, function

例子:

//实例化对象

var dialog = new Dialog({'dialog':"#addPageTypeDialog",

'title':"我是标题"

});

//打开对话框:

();

//关闭对话框:

();

样式:

对象用法:

(message[, callback, options])

参数:

message: 可选,要显示的内容, string

callback: 可选,点确定或关闭时执行的回调 function

options: 可选,与Dialog的jsonData参数基本一致 object

例子:

("保存成功!");

("保存成功!", function(){//点关闭后的操作});

m对象用法:

(message[, yesCallback, noCallback])

参数:

message: 可选,要显示的内容, string

yesCallback: 可选,点确定时执行的回调, function

noCallback: 可选,点取消或关闭时执行的回调, function

例子:

m("是否要删除此广告位?", function(){

//点是时的操作

deleteAdPosition();

});

m("我是消息",

function(){

//点击确定时的操作

},

function(){

//点击取消时的操作

}

);

样式: