信息提示
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( "关闭了对话框" ); } });