messagrbox自定义按钮c语言,基于dialogbox修改可自定义按钮及事件的弹出框插件
插件描述:基于dialogbox1.0修改可自定义按钮及事件的弹出框插件,每个按钮可绑定单独的触发事件,并且能支持将弹出框作为一个表单来填入数据并获取
$('body').dialogbox({
type: "normal",
title: "我是标题",
buttons: [{
Text: "123123",
ClickToClose: true,
callback: function(dialog) {
var id1 = $(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: '
'
});title为对话框标题
buttons 为按钮集合,是一个数组,每个元素代表一个按钮,有属性Text(按钮文字,字符串类型),
ClickToClose(点击此按钮后是否要关闭当前对话框,布尔类型),callback(按钮触发事件,function类型)
callback会把当前弹出框的内容传递过来(dialog),通过这个dialog,可以获取到弹出框里的控件的值等信息。
例如:var id1 = $(dialog).find("input[name='companyRdoID']:checked").val();
主要修改的内容:
1. 去掉原插件的callback。
2. 去掉原插件的提示框类型。 (如果需要重新加入,只需要将原始插件的某些代码加进去即可。)
3. 增加自定义按钮功能,让按钮支持显示文字绑定,以及按钮事件绑定。
4. 增加透明遮罩层支持ie8.代码如下
修改此插件是因为我搜索了很久jquery的弹出框插件,找到了这个dialogbox能支持ie8,这个插件挺不错的,比较轻巧。但由于自己业务需要,所以加入了自定义按钮以及事件绑定,和对话框的控件值获取的功能。需要的可以看看。
原插件地址:http://www.jq22.com/jquery-info4987
messagrbox自定义按钮c语言,基于dialogbox修改可自定义按钮及事件的弹出框插件相关推荐
- html登入弹框插件,基于jQuery的弹出框插件
html如下: $(function() { $("#btn01").popwin({ element: "#box01", title: "请填写以 ...
- 阻止window.onbeforeunload事件的弹出框 或 自定义弹出框
前引:网上很多关于window.onbeforeunload用来监听页面的意外退出或者关闭事件的用法但都会出现下面的弹出框.为此本博客提供方案使下面弹出框消失,但又能实现自己的相应业务功能. 在使用 ...
- qt自定义按钮类,每个按钮自带一个右键弹出框,如何使同一时刻只显示一个弹出框
提要 继承于QPushButton的自定义按钮类,其右键弹出一个弹框,创建多个这样的自定义按钮在窗口中,每一时刻只显示一个右键弹出框,避免同一时刻,多个按钮右键弹出弹出框后,未及时关闭弹出框导致的同一 ...
- android弹出框自定义按钮,安卓(kotlin)自定义弹出框
在安卓开发中,我们经常会遇到这种情况,就是可爱的UI们设计了一套属于我们自己风格的弹出框,为了彰显我们自己的风格,使用自动的dialog当然满足不了我们的需求,所以还是得这基础上写出我们自己的提示框, ...
- layui字体样式设置_layui的弹出框msg修改字体按钮样式
调整layui的弹出框msg的字体大小以及其他样式 //文本里面可以加html标签 let sure = layer.msg('确定喜欢她吗?', { time: 0 //0表示不自动关闭 ,time ...
- 【Popover 弹出框】在vue中,ElmentUI下Popover 弹出框组件 “ 自定义样式修改不了 ” 的解决方法
通过 /deep/ 深层查找并不能找到相关的元素,查找原因发现此组件的样式是全局样式,如果你style中加了scoped,如<style lang="scss" scoped ...
- android点击按钮弹出输入框,android 弹出框(输入框和选择框)
1.输入框: final EditText inputServer = new EditText(this); inputServer.setFilters(new InputFilter[]{new ...
- 自定义 cube-ui 弹出框dialog支持多个且多种类型的input框
start 最近遇到一个需求,给一个移动端项目加一点小功能. 移动端 UI 组件库使用的是 cube-ui. 但是基础的 cube-ui 不太满足我的需求- 重点是记录一下我的思路,其次才是实现的代码 ...
- 基于HTML5 Canvas 实现弹出框
2019独角兽企业重金招聘Python工程师标准>>> 用户鼠标移入时,有弹出框出现,这样的需求很常见.这在处理HTML元素实现时简单,但是如果是对HTML5 Canvas 构成的图 ...
最新文章
- Linux IO多路复用之epoll网络编程(含源码)
- 实现一个简单的WebSocket聊天室
- 希尔伯特曲线 java_Java中空间填充Hilbert曲线的递推算法
- Angular DefaultDomRenderer2.setProperty - HTML的值是如何从Angular Component flow过来的,以及跨平台支持
- python持久化数据_Python数据持久化-mysql篇
- Spark学习之路 (二十三)SparkStreaming的官方文档
- 机器视觉LED光源的选择及其性能优势
- 梯度的负方向是损失函数下降最快的方向
- sonar下载安装配置教程
- Android一键反编译工具 jadx
- 数据管理:业务数据清洗,落地实现方案
- 关于get方式提交中文乱码问题的解决方式
- WebStorm、HBuilder代码美化快捷键
- 20190919-5 代码规范
- 2021.2.22学习总结
- uniapp ui框架——uView 及其可视化搭建工具
- 铁大部分风景图片及文字描述。。。。
- jquery 弹出对话框
- 5. 统计学基础2:协方差、相关系数、协方差矩阵
- Packet Tracer - 交换机和终端设备的基本配置