layui 子页面用parent()拿到父页面的数据并回显数据

sadwind2021-05-06笔记803
//父页面   定义一个全局变量来获取到表格当前行的数据
	var objdata;
 //工具条操作按钮事件
    table.on('tool(categories)', function(obj) { 
    //注:tool 是工具条事件名,test 是 table 原始容器的属性 lay-filter="对应的值"
        var data = obj.data; //获得当前行数据
        objdata = data; //赋值
    })

//子页面
        var objdata = parent.objdata; //拿到父页面的数据
	console.log(data) //父页面当前行的数据

  //回显数据
        $('document').ready(function() {
            $('input[name="titleMain"]').val(data.titleMain);
            
            //下拉框的类目  ?
            $('#select[name="bannerType"]').val('value', data.bannerType)

            //注意图片的回显方式有所不同
            $("#mainPics").attr("src", data.mainPics);
            $("#detailPics").attr("src", data.detailPics);
        })

        //使用表单
        layui.use('form', function() {
            var form = layui.form;
        })

        //点击提交按钮关闭页面
        $('.layui-btn').bind('click', function() {
            console.log(this)
            getdata(); //刷新页面
            var index = parent.layer.getFrameIndex(window.name);
            parent.layer.close(index);
        })


relate content

LayUI在弹出层中刷新父页面的表格数据

 parent.layui.table.reload(      '父页面表格ID',   &nbs...

Post Reply    

◎Welcome to participate in the discussion.