利用BootstrapDialog制作成自己的讯息框

var myDialog = {
    askMsg : function( szTitle, szMsg, doSomething ) {
        BootstrapDialog.show({
            type: BootstrapDialog.TYPE_DANGER,
            title: szTitle,
            message: szMsg,
            buttons: [{
                label: 'Yes',
                action: function(dialogItself){
                    dialogItself.close();
                    doSomething();
                }
            }, {
                label: 'No',
                cssClass: 'btn-primary',
                action: function(dialogItself){
                    dialogItself.close();
                }
            }]
        });
    },

    showMsg : function( szTitle, szMsg ) {
        BootstrapDialog.show({
            type : BootstrapDialog.TYPE_DANGER,
            title: szTitle,
            message: szMsg,
            buttons:[{
                label:'OK',
                action: function(dialogItself){
                    dialogItself.close();
                }
            }]
        });
    },
   
    showPic : function(szTitle, szMsg, szPic) {
        var $textAndPic = $('<div></div>');
        $textAndPic.append(szMsg + '<br />');
        $textAndPic.append('<img src="' + szPic + '" />');
       
        BootstrapDialog.show({
            title: szTitle,
            message: $textAndPic,
            buttons: [{
                label: 'OK',
                action: function(dialogRef){
                    dialogRef.close();
                }   
            }]
        });
    },

}

使用范例：

var myApp = {

     onRemove :function() {

        myDialog.askMsg('您确定要删除吗？', '删除之后，将无法回复，请慎重！', myApp.onDel);

     },

      onDel : function() {

      ….

     }

};