Dialog - ChinaSS/Util GitHub Wiki

#Dialog

弹出框组件，基于bootstrap的模态框组件。所有弹出框都是基于该组件,比如alert、comfirm、treeDialog等

##API 调用样例：

    require(["PDUtilDir/dialog"],function(Dialog){
        //为弹出框增加操作按钮
        var buttons = [];
        buttons.push(
        {name:"确定",callback:function(){
          //此处写扩展代码

          dialog.hide();
        }}
    );
    var dialog = Dialog({
        id:"BaseDialog",
        cache:false,                 //是否缓存，默认为false
        title:"BaseDialog",
        width:"400px",
        height:"100px",
        dialogSize:"",               //modal-lg或modal-sm
        body:"窗口中间内容",
        buttons:buttons
    });
        //可以通过返回的dialog对象调用相关方法
        dialog.setBody("修改内容");
        dialog.show();
    })

##Config对象

属性名称	是否必选	说明
id	必选	模态框id，同一页面不可重复
url	可选	远程模板地址
cache	可选	是否缓存，默认false
title	必选	dialog标题
width	可选	自定义宽度
height	可选	自定义高度
drag	可选	是否可拖拽，true/false，默认false
modal	可选	值为{backdrop:"static"},则点击空白不自动关闭
dialogSize	可选	modal-lg或modal-sm
body	可选	dialog中间部分内容
buttons	可选	操作按钮数组，见buttons
enforceFocus	可选	是否关闭bootstrap的dialog组件的foucs配置，默认true开启
afterLoad	可选	模板初始化完成回调方法
callback	可选	已经过时，不建议使用，请选择afterLoad方法
afterOpen	可选	窗口打开完成回调
beforeOpen	可选	窗口打开前回调
afterClose	可选	窗口关闭完成回调
beforeClose	可选	窗口关闭前回调
onDestroy	可选	窗口销毁前回调

###buttons数组

属性名称	是否必选	说明
name	必选	按钮名称
callback	必选	回调函数

##dialog相关方法

方法名称	参数	说明
setTitle	字符串或DOM对象	设置dialog的标题名称
setBody	字符串或DOM对象	设置body内容
getFoot	无	得到foot
setFoot	buttons数组对象	设置foot