弹框modal, 获取id与绑定id
1、先绑定属性data-groupClassId
var span2 = '<span class="replaceBlue cursor" data-target="#myModalMember" data-toggle="modal" data-groupClassId="'+groupId+'" >成员管理</span>';
2、modal 弹出
一、 //成员管理
$('#myModalMember').on('show.bs.modal',function(event){
var groupClassId = $(event.relatedTarget).attr('data-groupClassId'); //获取id 后这里可以直接用
console.log(groupClassId); sercice(sUrl.selectGroupMemberInfo, function(data){
if(data.success){
var GroupMemberInfos = data.body.GroupMemberInfos;
var str='';
if(GroupMemberInfos.length>0){
for(var i=0;i<GroupMemberInfos.length;i++){
var userName = GroupMemberInfos[i].userName;
var courseCount = GroupMemberInfos[i].courseCount;
var isMember = GroupMemberInfos[i].isMember; str+='<div class="clearfix item">';
str+= '<span class="pull-left">'+userName+'-'+courseCount+'节</span>';
str+= '<span class="pull-right">';
str+= '<input type="checkbox" id="awesome_'+i+'" onclick="checkBox(this)">';
str+= '<label for="awesome_'+i+'"></label>';
str+= '</span>';
str+='</div>';
}
}
$("#selectStu").html(str);
}
}, {
"addressId" : storageAddressId,
"token":token,
"groupClassId":groupClassId
})
}); 二、 //成员管理
$('#myModalMember').on('show.bs.modal',function(event){
var groupClassId = $(event.relatedTarget).attr('data-groupClassId') ; //获取 后这里可以直接用
//给此弹框绑定 后面函数可以直接用
$("#myModalMember").attr('data-groupClassId',groupClassId);
abc();
});
function abc(){
var groupClassId = $("#myModalMember").attr('data-groupClassId',groupClassId); //获取弹框上的id
sercice(sUrl.selectGroupMemberInfo, function(data){
if(data.success){
var GroupMemberInfos = data.body.GroupMemberInfos;
var str='';
if(GroupMemberInfos.length>0){
for(var i=0;i<GroupMemberInfos.length;i++){
var userName = GroupMemberInfos[i].userName;
var courseCount = GroupMemberInfos[i].courseCount;
var isMember = GroupMemberInfos[i].isMember; str+='<div class="clearfix item">';
str+= '<span class="pull-left">'+userName+'-'+courseCount+'节</span>';
str+= '<span class="pull-right">';
str+= '<input type="checkbox" id="awesome_'+i+'" onclick="checkBox(this)">';
str+= '<label for="awesome_'+i+'"></label>';
str+= '</span>';
str+='</div>';
}
}
$("#selectStu").html(str);
}
}, {
"addressId" : storageAddressId,
"token":token,
"groupClassId":groupClassId
})
}
弹框modal, 获取id与绑定id的更多相关文章
- 在弹框中获取foreach中遍历的id值,并传递给地址栏(方法2)
1.php有时候我们需要再弹框中获取foreach中遍历的数据(例如id),在弹框中点击按钮并传递给地址栏跳转.那么应该怎么做呢.第二种方法. 2. 可以在弹框中给出一个input hidden 点击 ...
- 在弹框中获取foreach中遍历的id值,并传递给地址栏。
1.php有时候我们需要再弹框中获取foreach中遍历的数据(例如id),在弹框中点击按钮并传递给地址栏跳转.那么应该怎么做呢. 2. 点击取现按钮,如果没有设置密码->弹框 3. 点击去设置 ...
- 微信小程序之弹框modal
官方文档 <modal hidden="{{hidden}}" title="这里是title" confirm-text="自定义确定按钮&q ...
- js弹框3秒后自动消失
开发中有时候会需要最出弹框后,过几秒自动消失的效果,下面给大家分享一下我自己做的一个小案例. 案例中的弹框使用的是bootstrap里面的模态框,实现自动消失则用的是js中的setInterval方法 ...
- pc端弹框
pc弹框插件:http://aui.github.io/artDialog/doc/index.html#quickref-bubble PC端,手机端,layui很好用,分页啥的:http://ww ...
- jQuery-laye插件实现 弹框编辑,异步验证,form验证提交
代码中用到了 jQuery的ajax异步处理,each()循环,submit()页面验证提交form表单,prepend()追加标签,laye插件的弹框效果(如有其它弹框效果可参考官网:http:// ...
- 【04】openlayers 地图弹框
效果: 创建地图: //创建地图 var map = new ol.Map({ //设置显示地图的视图 view: new ol.View({ projection: 'EPSG:4326', //投 ...
- iOS 可高度自定义的底部弹框
技术: iOS Objective-C 概述 一个可以让开发者通过编写 tableView 的内容随心所欲的定制自己想要的底部弹框 详细 代码下载:http://www.demodashi.com ...
- js同过url下载文件,调用另存为弹框
实战中,项目将文件上传到项目的根目录下,并进行保存,随后根据此文件的路径进行下载到本地磁盘 实战中,项目将文件上传到项目的根目录下,并进行保存,随后根据此文件的路径进行下载到本地磁盘 实战中,项目将文 ...
随机推荐
- 在一台电脑上运行两个或两个以上的tomcat
前言 在开发过程中,我们可能会同时用到多个tomcat,但以正常安装的形式安装多个tomcat,无论启动哪一个tomcat,打开的都是配置了环境变量的那一个tomcat,所以进行一些设置,以达到我们同 ...
- Spring boot 整合redis单机版
一.安装redis 这个不多说,网上有各种系统安装redis的操作, redis安装 二.创建sprigboot项目 这个也不多说,不会的前面有相关教程. 三.添加maven坐标 四.编写spr ...
- Yii高级模板的安装
1,如果你使用composer来安装的话,执行下边两条命令. composer global require "fxp/composer-asset-plugin:^1.2.0" ...
- 静态编译程序 依赖于 Qt 和 Opencv 静态库 会出现 jpeg jpg 图像格式保存崩溃的情况,这是什么原因?
双方依赖的 jpeg 静态库源码版本冲突,重新静态编译库,都采用一致版本即可.
- UVA - 10048 Audiophobia Floyd
思路:套用Floyd算法思想,d(i, j) = min(d(i,j), max(d(i,k), d(k,j)),就能很方便求得任意两点之间的最小噪音路径. AC代码 #include <cst ...
- hdu5296 01字典树
根据二进制建一棵01字典树,每个节点的答案等于左节点0的个数 * 右节点1的个数 * 2,遍历整棵树就能得到答案. AC代码: #include<cstdio> using namespa ...
- openresty 中mime.types 文件缺失问题,无法展示图片
看技术群有人问这个:"图片不展示了,直接下载了,怎么设置nginx",之前刚开始学习nginx时遇到过,然后 使用 openresty+lua在做网关时遇到过,这里还是记录下吧. ...
- web前端开发工程师工资多少
做web前端开发工程师工资高不高?下面千锋小编为大家分析一下:作为目前互联网行业中的主流技术,Web前端一直是占有重要的地位.尤其是近年来HTML5技术的突飞猛进,使Web前端技术有了更好的发展. ...
- java容器类分析:Collection,List,ArrayList
1. Iterable 与 Iterator Iterable 是个接口,实现此接口使集合对象可以通过迭代器遍历自身元素. public interface Iterable<T> 修饰符 ...
- js随机出现2个数字
1和2 随机出现 <script type="text/javascript"> $(function(){ if (Math.random()>0.5) { c ...