Layui父页面向子页面传参,实现数据回显

父页面:

<button class="layui-btn" data-type="getCheckData">
	<i class="layui-icon">&#xe61f;</i>修改
</button>

父页面js:

getCheckData:function () {
   var checkStatus = table.checkStatus('workerList');
   console.log(checkStatus)
   data = checkStatus.data;
   //console.log(data)
   if (data.length==1) {
      layer.open({
         title: this.text,
         type: 2,
         skin: 'layui-layer-rim', //加上边框
         area: [window.screen.width / 2 + 'px', window.screen.height / 2 + 'px'], //宽高
         maxmin: true, //开启最大化最小化按钮
         content: "edit.html",
         success: function (layero, index) {
            // 获取子页面的iframe
            var iframe = window['layui-layer-iframe' + index];
            // 向子页面的全局函数child传参
            iframe.child(data);
         }
      })
   } else {
      alert("请选择一行")
   }
}

子页面:写入单独的js文件 元素属性获取不到

<script>
    function child(data) {
        $("input[name='workerId']").val(data[0].worker_id);
        $("input[name='account']").val(data[0].account);
        $("input[name='password']").val(data[0].password);
        $("input[name='carameId']").val(data[0].carame_id);
        $("input[name='workCityNames']").val(data[0].work_city_names);
    }
</script>

在这里插入图片描述
ps:有什么问题多多指教

发布了10 篇原创文章 · 获赞 1 · 访问量 3481

猜你喜欢

转载自blog.csdn.net/qq_31569787/article/details/89921770