jquery.bootstrap.teninedialog.js使用说明

1. jquery.bootstrap.teninedialog.js使用说明

   不支持调用远程文件

   GitHub 下载插件 压缩版

   引入jquery、bootstrap和jquery.bootstrap.teninedialog.js插件文件

   完整例子代码：

                   $.teninedialog({
                       title:'系统提示',
                       content:'确认删除本条记录?',
                       showCloseButton:true,
                       otherButtons:["确定","取消"],
                       otherButtonStyles:['btn-primary','btn-primary'],
                       bootstrapModalOption:{keyboard: true},
                       dialogShow:function(){
                           alert('即将显示对话框');
                       },
                       dialogShown:function(){
                           alert('显示对话框');
                       },
                       dialogHide:function(){
                           alert('即将关闭对话框');
                       },
                       dialogHidden:function(){
                           alert('关闭对话框');
                       },                    
                       clickButton:function(sender,modal,index){
                           alert('选中第'+index+'个按钮：'+sender.html());
                           $(this).closeDialog(modal);
                       }
                   });
               

   运行例子

   最简单的调用

                   $.teninedialog({
                       title:'系统提示',
                       content:'确认删除本条记录?'
                   });
               

   运行例子

   参数配置

           //调用方式
           $.teninedialog(options);
           /**********************************/
           //options 配置
           var defaults = {
               title:'标题',
               content:'内容',
               showCloseButton:true,//显示关闭按钮
               otherButtons:[],//其他按钮文本，样式默认,["确定","取消"]
               otherButtonStyles:[],//其他按钮的样式，['btn-primary','btn-primary'],bootstrap按钮样式
               bootstrapModalOption:{},//默认的bootstrap模态对话框参数
               dialogShow:function(){},//对话框即将显示事件
               dialogShown:function(){},//对话框已经显示事件
               dialogHide:function(){},//对话框即将关闭
               dialogHidden:function(){},//对话框已经关闭事件
               clickButton:function(sender,modal,index){}//选中按钮的序号，排除关闭按钮。sender:按钮jquery对象，model:对话框jquery对象,index:按钮的顺序,otherButtons的数组下标
           }
               

   站长统计 彼岸之远