• 弹框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     }) }
  • 相关阅读:
    PLSQL游标
    SqlHelper助手
    机房重构前奏——三层转七层
    应用运筹管理经济
    C++——宏观把控
    操作系统——宏观把控
    .NET总结一
    深复制与浅复制
    设计模式之结构型
    设计模式之一对多
  • 原文地址:https://www.cnblogs.com/roxanneQQyxm/p/8488925.html
Copyright © 2020-2023  润新知