jquery.bootstrap.teninedialog.js使用说明

jquery.bootstrap.teninedialog.js使用说明

引入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的数组下标
}