layui 页面参数传递 layui 父页面传参给子页面

最新推荐文章于 2023-12-08 10:59:39 发布

原创最新推荐文章于 2023-12-08 10:59:39 发布 · 2.1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#layui #前端 #javascript

收录于

本文详细介绍了如何在 layui 前端框架中实现父页面向子页面传递参数。通过设置全局变量 modelParentID，并在子页面通过 parent.modelParentID 获取，实现了数据的传递。在示例中，当点击表格详情按钮时，父页面将数据ID传递给子页面，子页面再利用该ID从后台获取具体数据并展示。

解决方案，父页面使用全局变量。

父页面代码：

table.on('tool(currentTableFilter)', function(obj){
var data = obj.data; //获得当前行数据；
modelParentID = data.ID; // 给全局变量赋值，需要传递到子页面

if (obj.event === 'details') {
                var index = layer.open({
                    title: '模型',
                    type: 2,
                    shade: 0.2,
                    maxmin:true,
                    shadeClose: true,
                    area: ['100%', '100%'],
                    content: "../lujing1/yemianname", //子页面路径

});

}

子页面代码

layui.use(['form', 'table'], function () {
        var $ = layui.jquery,
            form = layui.form,
            table = layui.table;

        table.render({
            elem: '#currentTableId',
            url: '/**/**/getData/parentID/'+parentID, //传参
}）

}</script>