# artDialog

# 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');

请输入测试文字：

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