layui中子页面获取父页面的数据

GeekXuShuo

于 2024-09-01 19:15:02 发布

阅读量164

点赞数

文章标签： layui

本文链接：https://blog.csdn.net/qq_25934401/article/details/141788311

版权

父页面中

 window.autosend = function (obj) {
      //获取对应行的数据，
      var datafather = obj.data;
      // console.log(data)
      layer.open({
        type: 2,
        maxmin: true,
        title: '选择发送时间',
        shade: 0.1,
        // area: screen(),
        area: ['600px', '400px'],
        content: 'autosend',
        success: function(layero, index){
          var body = layui.layer.getChildFrame('body', index);
          if(datafather){
            // 取到弹出层里的元素，并把编辑的内容放进去
            body.find(".id").val(datafather.id);  //将选中的数据的id传到编辑页面的隐藏域，便于根据ID修改数据
            body.find(".email").val(datafather.email);  //邮箱
            body.find(".attachment_path").val(datafather.attachment_path);  
            body.find(".corporatename").val(datafather.corporatename);  
            body.find(".serverip").val(datafather.serverip);  
            body.find(".salesemail").val(datafather.salesemail); 
            // 记得重新渲染表单
            form.render();
          }
        },
        end: function(){
            //刷新表格
            table.reload("dataTable")
          }
        })
    }

子页面中

<form class="layui-form" style="width: 100%;margin-top: 55px;" lay-filter="autosendTable" action="">
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label layui-required">年月日</label>
            <div class="layui-input-inline layui-input-wrap">
                <!-- 使用隐藏域用于保存编辑项的ID值，便于提交修改 -->
			    <input type="hidden" class="id" name="id">
                <input type="hidden" class="email" name="email">
                <input type="hidden" class="attachment_path" name="attachment_path">
                <input type="hidden" class="salesemail" name="salesemail">
                <input type="hidden" class="corporatename" name="corporatename">
                <input type="hidden" class="serverip" name="serverip">
                <input type="text" name="corntime_yymmdd" lay-verify="required" id="corntime-yymmdd" autocomplete="off" placeholder="年月日(必填)"
                    class="layui-input">
            </div>
        </div>

测试是否获取到数据

<script>
  layui.use(['form', 'jquery'], function () {
    var form = layui.form
    var $ = layui.jquery
    var layer = layui.layer;    

    form.on('submit(autosend)', function (data) {
      var roleIds = ''
      $('input[type=checkbox]:checked').each(function () {
        roleIds += $(this).val() + ','
      })
      roleIds = roleIds.substr(0, roleIds.length - 1)
      data.field.roleIds = roleIds
      console.log(data.field)
   )}
  }
<\script>