layui弹框传参的问题

780 阅读1分钟

公司的后台使用了layui,由于是后台框架,用起来还是不太熟悉,碰到了编辑时动态更新table数据的问题。

  layer.open({
        title: '编辑/标记客户',
        area: ['50%', '50%'],
        maxmin: true,
        type: 2,
        btn:['保存','取消'],
        btnAlign: 'c',
        content: ['/customer/customer/edit/id/'+id,],
        yes:function(layero, index){
          // 将数据传到子组件中
          var frameId=document.getElementsByTagName("iframe")[0].id;
          var a=$('#'+frameId)[0].contentWindow.tochild();
          var levelName=JSON.parse(a.all_level)
          // 根据id找出对应的值
          var levelText;
          for(var i=0;i<levelName.length;i++){
            if(levelName[i].id==a.level){
              levelText=levelName[i].name
            }
          }
        // 更新table的数据
          if(a){
            obj.update({
              level:levelText,
              contact_name:a.contact_name,
              mobile:a.mobile,
              self_sign:a.self_sign,
            })
          }    
          return false;

        }
      })

因为弹框时iframe,所以就用到了原窗口像iframe传参的问题。希望对大家有帮助