bootstrap－dialog简单使用

标签：

使用bootstrap想要实现弹出对话框的效果，我们可以使用bootstrap的modal。但是modal使用起来比较繁琐，需要编写大量的div代码。bootstrap－dialog很好的解决了这个问题。

bootstrap-dialog的gitlhub地址

bootstrap－dialog参考案例

使用boostrap－dialog非常简单，

首先，引入boostrap－dialog.js和bootstrap－dialog.css文件

然后，简单的一句就可以搞定了。

BootstrapDialog.alert(‘I want banana!‘);

   BootstrapDialog.show({
            message: ‘Hi Apple!‘
        });

 BootstrapDialog.show({
            title: ‘Say-hello dialog‘,
            message: ‘Hi Apple!‘
        });

项目中我们经常使用alert和confirm提示，但是系统自带的样式特别难受，我们可以改用bootstrap－dialog来实现。

1、alert

BootstrapDialog.alert(‘balabalabalabalabalalba‘);

2、confirm

BootstrapDialog.confirm(‘确认删除当前选中的记录吗?‘, function(result){
            if(result) {
                alert(‘删除‘);
                ...
            }else {
                alert(‘不删除‘);
            }
        });

3、最后

boostrap-dialog其实还有很多有用的功能，具体可以参考bootstrap－dialog案例

bootstrap－dialog简单使用

标签：

原文地址：http://my.oschina.net/xiaoxiangdaizi/blog/486366