layui弹出框子页面返回数据给父页面

最新推荐文章于 2024-08-11 20:45:21 发布

程序员中的黑手党

最新推荐文章于 2024-08-11 20:45:21 发布

阅读量4.3k

点赞数

本文链接：https://blog.csdn.net/zhrzhhymaffia/article/details/104358774

版权

本文介绍了在使用layui框架时，如何在弹出框子页面向父页面传递数据。除了常见的调用父页面函数的方法，还提供了一种新方式：在父页面定义数组，子页面直接赋值给该数组。详细步骤包括在父页面定义数组，通过febs封装的open方法打开子页面，子页面添加隐藏按钮并处理数据，最后父页面在确认按钮事件中调用子页面的按钮事件完成数据传递。

摘要由CSDN通过智能技术生成

最近从git上下载了一个开源的项目，项目前端使用layui框架。想使用该开源项目二次开发一个系统。开源项目名称是FEBS。
该项目封装了layui的一些方法，这里只介绍弹出框子页面怎么传值给父页面。
网上有介绍通过调用父页面函数的方式进行调用，参考http://www.pianshen.com/article/8280157529/
这里介绍另一种方式，通过在父页面定义一个数组，在子页面中，直接调用父页面数组，给数组赋值即可。代码如下
在父页面定义数组

 var ShopInfoDlg = {
   
        data: {
   
            shopId: "",
            shopName: ""
        }
    };

在父页面调用open方法，打开子页面

$shopName.on('click',function () {
              
     febs.modal.view('子页面标题', 子页面URL,{
   //该放放是febs封装的layui的open方法
         btn: ['确定', '取消'],
         yes: function () {