弹框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下载文件,调用另存为弹框
实战中,项目将文件上传到项目的根目录下,并进行保存,随后根据此文件的路径进行下载到本地磁盘 实战中,项目将文件上传到项目的根目录下,并进行保存,随后根据此文件的路径进行下载到本地磁盘 实战中,项目将文 ...
随机推荐
- laypage 使用
最近发现一个特别好用的前端分页插件,分享一下 <!doctype html> <html> <head> <meta charset="utf-8& ...
- linux、windows系统间传输文件
日常工作中经常涉及到系统间的文件传输,下面就简单说一下常用的方法 linux--windows 工具:winscp.SecureCRT.Zmodem(sz, rz) linux--l ...
- 【项目记录】-路灯监测 gmap.net
需求 2016年5月,客户要求在地图上显示路灯及数据,分析数据生成报表,以便查看分析路灯情况. 选型 国外项目就不考虑国内的地图了,开始想使用google的web地图,考虑到地图上标记物过多影响性能及 ...
- Java 求集合的所有子集
递归方法调用,求解集合的所有子集. package ch01; import java.util.HashSet; import java.util.Iterator; import java.uti ...
- eclipse快捷注释生成方法
自动生成方法的注释格式,例如 /*** @param str* @return* @throws ParseException*/ 快捷键是alt+shift+j,将光标放在方法名上,按快捷键.会生成 ...
- C/C++语言简介之程序结构
C语言的模块化程序结构用函数来实现,即将复杂的C程序分为若干模块,每个模块都编写成一个C函数,然后通过主函数调用函数及函数调用函数来实现一大型问题的C程序编写,因此常说:C程序=主函数+子函数.因此, ...
- 计蒜客 取数游戏 博弈+dp
题目链接 取数游戏 思路:dp(x, y)表示先手在区间[x, y]能取得的最大分数.当先手取完,就轮到后手去,后手一定会选择当前能令他得到最大分数的策略,其实当先手在[x, y]区间两端取走一个数, ...
- mysql数据库基本使用(增删改查)
数据库db,database 数据库:依照某种数据模型进行组织并存放到存储器的数据集合dbms,database management system 数据库管理系统:用来操作和管理数据库的大型服务软件 ...
- R实战 第三篇:数据处理(基础)
数据结构用于存储数据,不同的数据结构对应不同的操作方法,对应不同的分析目的,应选择合适的数据结构.在处理数据时,为了便于检查数据对象,可以通过函数attributes(x)来查看数据对象的属性,str ...
- Tomcat启动过程源码解读
根据Tomcat源码来看一下Tomcat启动过程都做了什么 部分代码为主要流程代码,删去了try-catch以及一些校验逻辑,方便理解主流程 先来一张启动过程时序图,了解一下启动顺序 Tomcat启动 ...