artDialog属性设置列表

属性列表

名称	类型	描述
title	字符串	窗口标题，不设置默认为“消息”
content	字符串	支持html
ok	函数	显示确定按钮，点击会调用这个函数，return false不会关闭窗口，return true关闭窗口
okVal	字符串	确定按钮显示的文字
cancel	函数或者true/flase	显示取消按钮，点击会调用这个函数，return false不会关闭窗口，return true关闭窗口
cancelVal	字符串	取消按钮显示的文字
button	数组	自定义按钮,对象属性如下。 [{ 'name':'按钮名称', 'callback' :'点击按钮后执行的函数', 'focus':'按钮是否是焦点' 'disabled':'按钮是否可用' }]
width	字符串/数字	默认无需设置会按内容自动适配，也可以设置数字和百分比指定宽度
height	字符串/数字	默认无需设置会按内容自动适配，也可以设置数字和百分比指定高度
fixed	Boolean	开启弹出框静止定位（artDialog支持IE6 fixed）
follow	html对象	让对话框跟随在指定元素旁边，如follow:document.getElementById('btnOK')
left	字符串/数字	弹窗位于X坐标位置,可以是数字或百分比
top	字符串/数字	弹窗位于Y坐标位置,可以是数字或百分比
lock	Boolean	是否锁屏也就是是否显示遮罩层
background	字符串	遮罩层颜色，默认#000,也是设置背景图片
opacity	数字	遮罩层透明度默认0.7
icon	字符串	弹出层小图标如果error,图片在skins/icons/文件夹下
padding	字符串	内容与边界填充边距默认 20px 25px
time	数字	弹出层显示时间，以秒为单位
resize	Boolean	是否允许调整对话框大小，默认true
drag	Boolean	是否允许拖拽，默认true
esc	Boolean	是否允许按ESC键关闭对话框，默认true
id	字符串	设定对话框唯ID，防止重复弹窗，使用art.dialog.list[ID]获取扩展方法
zIndex	数字	css zIndex
init	函数	弹出对话框时执行的函数
close	函数	对话框关闭前执行的函数,返回false将阻止对话框关闭。也就是说无论何种方式关闭对话框都会执行这个函数。
show	Boolean	是否显示对话框，默认true

代码示例

art.dialog({
                content: document.getElementById('box'),
                id: 'itxst',
                ok: function () { alert("你点击了确定按钮"); return true; },
                okVal: '确定',
                cancel: function () { alert("你点击了取消按钮"); return true; },
                cancelVal: '取消',
                button: [
                    {
                        name: '审批',
                        callback: function () {
                            alert('你审核了流程');
                            return true;
                        },
                        focus: true
                    },
                    {
                        name: '驳回',
                        callback: function () {
                            alert('你驳回了流程');
                            return true;
                        }
                    },
                    {
                        name: '无效的按钮',
                        disabled: true
                    }
                ],
                width: 300,
                height: 200,
                fixed: true,
                left: 100,
                top: 100,
                lock: true,
                background: '#000',
                opacity: 0.6,
                icon: 'error',
                padding: '5px 10px',
                time: 6,
                close: function () {
                    alert('窗口被关闭了')
                    return true;
                },
                init: function () {
                    alert('初始化完成')
                    return true;
                }
 });

在线试一试