zoukankan      html  css  js  c++  java
  • bootstrap-dialog插件的使用

    官网文档:http://nakupanda.github.io/bootstrap3-dialog

    BootstrapDialog.show({

    message: 'Hi Apple!',

    message: 'You can not close this dialog by clicking outside and pressing ESC key.',

    closable: true, //是否可关的图标

    closeByBackdrop: false, //点击空白处是否关掉

    closeByKeyboard: false,//使用键盘上的esc键是否关掉

    buttons: [{

    label: 'Close the dialog',

    action: function(dialogRef){ dialogRef.close(); }

    }]

    });

    BootstrapDialog.show({

    message: 'Hello world!',

    onshow: function(dialogRef){

     alert('Dialog is popping up, its message is ' + dialogRef.getMessage());

    },

    onshown: function(dialogRef){

    alert('Dialog is popped up.');

    },

    onhide: function(dialogRef){

    alert('Dialog is popping down, its message is ' + dialogRef.getMessage());

    },

    onhidden: function(dialogRef){

    alert('Dialog is popped down.');

    }

    });

    //onshow正在加载的时候触发,元素可以获得,但是页面没有加载,

    onshown dialog加载完成后触发

    onhide dialog正在隐藏时触发

    onhiden dialog隐藏后触发

     博客地址:http://www.cnblogs.com/windseek/

    学而不思则罔,思而不结则殆,结而不看,一事无成
  • 相关阅读:
    从Ecma规范深入理解js中的this的指向
    js中继承的几种用法总结(apply,call,prototype)
    缓存 Array.length 是老生常谈的小优化
    spark app
    source code spark
    spark dev by IDEA
    编译spark-0.9.1
    图解GIT,ZT
    Spark分布式安装
    倒排索引(Inverted Index)
  • 原文地址:https://www.cnblogs.com/windseek/p/5943397.html
Copyright © 2011-2022 走看看