弹框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下载文件,调用另存为弹框
实战中,项目将文件上传到项目的根目录下,并进行保存,随后根据此文件的路径进行下载到本地磁盘 实战中,项目将文件上传到项目的根目录下,并进行保存,随后根据此文件的路径进行下载到本地磁盘 实战中,项目将文 ...
随机推荐
- 【NOIP2012】 疫情控制
[NOIP2012] 疫情控制 标签: 倍增 贪心 二分答案 NOIP Description H 国有 n 个城市,这 n 个城市用 n-1 条双向道路相互连通构成一棵树, 1 号城市是首都, 也是 ...
- 阿里云Aliyun_server
一.云概念 云主机是基于云计算平台的一种虚拟的主机服务器产品 云服务器(99.999%安全性,扩展性) 特点: 1.资源分配配置灵活,安全性能强. 2.优于VPS和独立服务器产品.通俗的理解: 云主机 ...
- 加快compser install 和update的方法
加快compser install 和update的方法: 可以进入composer国内镜像里面进行参考 如下是修改composer.json文件来实现(在json配置的最后加上如下代码) " ...
- vue.js 与iview官网
vue.js https://cn.vuejs.org/v2/guide/instance.html#生命周期图示 iview https://www.iviewui.com/components/t ...
- 一种解决eclipse中安装maven出错的方法
1.安装步骤:https://jingyan.baidu.com/article/a17d5285feb4dd8099c8f26e.html 2.安装第三步的解决办法:m2e 路径换成 http ...
- Jupyter 初体验
简介 Jupyter notebook 是一个非常强大的工具,可以创建漂亮的交互式文档. 安装 安装环境:win7专业版32位系统 + python 3.6.4 安装命令:pip install ju ...
- UVA 816 bfs
算法入门经典上面的题.题目链接 uva816 大致题意 有一个最多包含9*9个交叉点的迷宫.输入起点.离开起点时的朝向和终点,求一条最短路(多解时任意输出一个即可).详细题意请看原题 思路 其实就是b ...
- sed 命令多行到多行的定位方式
本文提要: sed 命令定位方式的分类 着重对 /pattern/,/pattern/ 的定位方式进行阐述 定位方式分类 总体上,只需要分为两类,即:x 和 x,y .如果在范围后加 ! 则表示取补集 ...
- flask项目开发中,遇到http 413错误
在flask项目中,上传文件时后台报http 413 Request Entity Too Large 请求体太大错误! 解决的2种方法: 1.在flask配置中设置 MAX_CONTENT_LENG ...
- cips2016+学习笔记︱NLP中的消岐方法总结(词典、有监督、半监督)
歧义问题方面,笔者一直比较关注利用词向量解决歧义问题: 也许你寄希望于一个词向量能捕获所有的语义信息(例如run即是动车也是名词),但是什么样的词向量都不能很好地进行凸显. 这篇论文有一些利用词向量的 ...