zoukankan      html  css  js  c++  java
  • 弹框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     }) }
  • 相关阅读:
    server 2012 r2 配置
    在线流媒体nginx/Windows解决方案
    ECS上配置FTP Filezilla
    新项目扫雷专贴 备忘录
    如何解决 Windows 实例出现身份验证错误及更正 CredSSP
    win10 再次重装系统
    SAI窗口无法移动
    无法将分支 master 发布到远程 origin,因为远程存储库中已存在具有同一名称的分支
    遇到技嘉 Gigabyte UEFI DualBIOS问题
    dnsunlocker解决
  • 原文地址:https://www.cnblogs.com/roxanneQQyxm/p/8488925.html
Copyright © 2011-2022 走看看