插件描述:基于dialogbox1.0修改可自定义按钮及事件的弹出框插件,每个按钮可绑定单独的触发事件,并且能支持将弹出框作为一个表单来填入数据并获取
$('body').dialogbox({
type:"normal",
title:"我是标题",
buttons:[{
Text:"123123",
ClickToClose:true,
callback:function(dialog){
varid1=$(dialog).find("input[name='companyRdoID']:checked").val();
returnData={
"ID":id1,
"ShowText":$(dialog).find("#companyShowText"+id1).val()
};
alert(returnData+id1+"returnData:"+returnData.ID+""+returnData.ShowText);
}
}],
message:'
我是选项1-12-30abc'
});title为对话框标题
buttons 为按钮集合,是一个数组,每个元素代表一个按钮,有属性Text(按钮文字,字符串类型),
ClickToClose(点击此按钮后是否要关闭当前对话框,布尔类型),callback(按钮触发事件,function类型)
callback会把当前弹出框的内容传递过来(dialog),通过这个dialog,可以获取到弹出框里的控件的值等信息。
例如:varid1=$(dialog).find("input[name='companyRdoID']:checked").val();
主要修改的内容:
1. 去掉原插件的callback。
2. 去掉原插件的提示框类型。 (如果需要重新加入,只需要将原始插件的某些代码加进去即可。)
3. 增加自定义按钮功能,让按钮支持显示文字绑定,以及按钮事件绑定。
4. 增加透明遮罩层支持ie8.代码如下
修改此插件是因为我搜索了很久jquery的弹出框插件,找到了这个dialogbox能支持ie8,这个插件挺不错的,比较轻巧。但由于自己业务需要,所以加入了自定义按钮以及事件绑定,和对话框的控件值获取的功能。需要的可以看看。
原插件地址:/jquery-info4987