首页 > js弹出层插件artDialog使用手册 > artDialog属性设置列表

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字符串/数字默认无需设置会按内容自动适配,也可以设置数字和百分比指定高度
fixedBoolean开启弹出框静止定位(artDialog支持IE6 fixed)
followhtml对象让对话框跟随在指定元素旁边,如follow:document.getElementById('btnOK')
left字符串/数字弹窗位于X坐标位置,可以是数字或百分比
top字符串/数字弹窗位于Y坐标位置,可以是数字或百分比
lockBoolean是否锁屏也就是是否显示遮罩层
background字符串遮罩层颜色,默认#000,也是设置背景图片
opacity数字遮罩层透明度默认0.7
icon字符串弹出层小图标如果error,图片在skins/icons/文件夹下
padding字符串内容与边界填充边距默认 20px 25px
time数字弹出层显示时间,以秒为单位
resizeBoolean是否允许调整对话框大小,默认true
dragBoolean是否允许拖拽,默认true
escBoolean是否允许按ESC键关闭对话框,默认true
id字符串设定对话框唯ID,防止重复弹窗,使用art.dialog.list[ID]获取扩展方法
zIndex数字css zIndex
init函数弹出对话框时执行的函数
close函数对话框关闭前执行的函数,返回false将阻止对话框关闭。也就是说无论何种方式关闭对话框都会执行这个函数。
showBoolean是否显示对话框,默认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;
                }
 });
在线试一试