artDialog4 有什么新功能?

支持自定义按钮

var dialog = art.dialog({
    title: '警告',
    content: '点击管理按钮将让删除按钮可用',
    width: '20em',
    button: [{
    	name: '管理',
        callback: function () {
            this.content('我更改了删除按钮').button({
                name: '删除',
                disabled: false
            });
            return false;
        },
        focus: true
    }]
});

dialog.button(
    {
        name: '删除',
        callback: function () {
            alert('remove')
        },
        disabled: true
    }
)

内容支持传入DOM元素

元素完整移动到对话框中,所以原有的事件与属性都将会保留;如果隐藏元素被传入到对话框,会设置display:block属性显示该元素;对话框关闭的时候元素将恢复到原来在页面的位置,style display属性也将恢复

var dialog = art.dialog({
	content: document.getElementById('DOMContentWrap'),
    id: 'D345'
});

支持百分比位置与尺寸

使用百分比作为参数,浏览器窗口尺寸调整也能执行适应

var dialog = art.dialog({
    left: '100%',
	top: '100%',
    width: 240,
    height: '100%',
    fixed: true,
    resize: false
});

跨框架交换数据

框架与框架之间以及与主页面之间进行数据交换是非常头疼的事情,常规情况下你必须知道框架的名称才能进行数据交换,如果是在复杂的多层框架下操作简直就是噩梦——但在artDialog4中这一切完全被简化,它有一个统一的数据共享接口,可以共享任意类型的数据,任何页面都能使用同一接口获取数据。

art.dialog.data('test', document.getElementById('demoInput04-3').value);
art.dialog.open('./iframeA.html');

// 此时 iframeA.html 页面可以使用 art.dialog.data('test') 获取到数据,如:
// document.getElementById('aInput').value = art.dialog.data('test');

查看详细更新与升级注意事项»