信息提示
Dialog.info( "info 对话框", "内容区域");Dialog.success( "success 对话框", "内容区域");Dialog.warn( "warn 对话框", "内容区域");Dialog.error( "error 对话框", "内容区域");
快捷方式
Dialog( "内容");Dialog( "标题", "内容");Dialog( "标题", "内容", 800);
常规配置
Dialog({ title: "标题", content: "内容"});Dialog({ title: "标题", content: "内容", width: 800});Dialog({ title: "标题", content: "内容", contentBgColor: "#f5f5f5"});
可拖动对话框
Dialog({ title: "标题", content: "内容", draggable: true});
全屏对话框
Dialog({ title: "标题", content: "内容", fullscreen: true});
自动关闭
Dialog({ title: "标题", content: "内容", autoClose: 5000});
嵌入 Iframe
Dialog({ title: "标题", width: 1100, iframeContent: { src: "http://www.baidu.com/", height: 600 }, showButton: false});
嵌入图片
Dialog({ width: 1100, imageContent: { src: "demo.png", height: 600 }, showButton: false, showTitle: false, maskClose: true});
嵌入多张图片
Dialog({ width: 700, imageContent: { src: [ "1.png", "2.png", "3.png", "4.png", "5.png"], height: 400 }, showButton: false, showTitle: false, maskClose: true});
嵌入视频
Dialog({ width: 800, videoContent: { src: "https://blz-videos.nosdn.127.net/1/HearthStone/f6cd63b590d416821d3e27e0.mp4", height: 450 }, showButton: false, showTitle: false, maskClose: true});
确定按钮 - 加载中
Dialog({ title: "标题", content: "内容", ok: { loading: true, loadingText: "等一会", click: function () { setTimeout(function () { Dialog.close(); }, 3000) } }});
按钮事件
Dialog({ title: "标题", content: "内容", ok: { click: function () { alert( "确定"); } }, cancel: { click: function () { alert( "取消"); } }});
开关事件
Dialog({ title: "标题", content: "内容", afterOpen: function () { alert( "打开了对话框"); }, afterClose: function () { alert( "关闭了对话框"); }});