请教如何在把iframe返回的值添加到父页面的表格里面

提问 已结 12 354
共爱网
共爱网 2019-4-24
悬赏:20飞吻
版本:layui 浏览器:
请教如何在把iframe返回的值添加到父页面的表格里面,通过追加td如何重载显示到父页面指定的表格里面呢
回帖
  • IDyun
    2019-4-24
    layui.$('#demo').next().find('.layui-table-box .layui-table-main table tbody').append('<tr><td>test</td></tr>');
    1 回复
  • 问题描绘不清楚
    0 回复
  • IDyun
    2019-4-24
    layui 实用干货和常见问题的处理 - Fly社区
    https://fly.layui.com/jie/5366/
    0 回复
  • 共爱网
    2019-4-24
    @IDyun 我参照这个了,能给父框架页面传值,也传到了,但是传值是在#demo表格内,而框架把数据是重新生成到新的表格的,把原来的table是隐藏的,不知道有没有注意到
    		<div class="layui-tab-item padding0">  
    <h3 class="text-align-center margin-top-20px">经历</h3>
    <hr/>
    <table id="demo" lay-filter="demo"> </table>

    <div class="layui-form-item">
    <div class="text-align-center ">
    <button id="AddResume" class="layui-btn">添加</button>
    </div>
    </div>

    </div>
    传值后是这样的
    <table id="demo" lay-filter="demo" style="display: none;"> 
    <thead>
    <tr>
    <th lay-data="{field:'BeginTime', width:100, sort:true}">BeginTime</th>
    <th lay-data="{field:'EndTime', width:100 }">EndTime</th>
    <th lay-data="{field:'seat', width:200 }">seat</th>
    <th lay-data="{field:'unitname', minWidth:200 }">unitname</th>
    <th lay-data="{field:'type', minWidth:120 }">type</th>
    <th lay-data="{field:'post', minWidth:130 }">post</th>
    <th lay-data="{field:'certifier', minWidth:80 }">certifier</th>
    </tr>
    </thead>


    <tbody><tr id="12" align="center"><td><input type="text" name="modelAttrs[11].sequence" value="12"></td><td><input type="text" class="text" name="modelAttrs[11].chName" notnull="false" maxlength="50" value=""></td><td><input type="text" class="text" name="modelAttrs[11].enName" notnull="false" maxlength="100" value=""></td><td><select name="modelAttrs[11].dataType"><option value="1">数字型</option><option value="2">字符型</option><option value="3">日期型</option><option value="4">浮点型</option></select></td><td><input type="text" class="text" name="modelAttrs[11].dataLong" maxlength="50" value=""></td><td><input type="text" class="text" name="modelAttrs[11].dictCode" maxlength="50" value=""></td><td><input type="text" class="text" name="modelAttrs[11].remark" maxlength="50" value=""></td><td><a href="#" onclick="deltr(12)">删除</a></td></tr></tbody></table>
    上面是添加的表格是演示数据,没有和实际的一致

    我不知道怎么在传值后,能把数据显示到能显示的表格内,而不是这个隐藏的表格内
    0 回复
  • IDyun
    2019-4-24
    表格是数据表格吗,iframe 设置到父页面表格的数据格式是怎样的?
    0 回复
  • 共爱网
    2019-4-24
    @IDyun
    我的实现的功能描述如下:
    1、有一个父页面,里面有6个tab页面,放置不同类别的内容,
    2、其中一个tab页面中有一个button,点击后可以打开一个iframe页面,
    3、在iframe页面里面添加一个记录,成功后把该记录显示到父页面的当前tab内表格中,也就是添加一个td。
    当前的问题是,可以把数据添加到td内,但是位置不对,显示不出来,上面回答可以看到,如果把原来<table id="demo" lay-filter="demo" style="display: none;"> 的style="display: none;"去掉就显示了,但是这个是框架加上去的,就是为了隐藏的,真正的显示内容在其下方的框架重新生成的表格内。就是不知道怎么把动态添加的td数据添加到框架生成的表格内,这样就可以显示出来了
    0 回复
  • 共爱网
    2019-4-24
    @丶秋木苏 谢谢请看一下我最近发的回答吧
    0 回复
  • IDyun
    2019-4-24
    如果是数据表格可以通过重载 data 来添加一条数据
    table纯data模式下的新增与删除 - Fly社区
    岁月小偷
    https://fly.layui.com/jie/28311/
    0 回复
  • 共爱网
    2019-4-24
    @IDyun parent.$("#demo").next().find('.layui-table-box .layui-table-main table tbody').append("<tr
    我用这个方法的确把数据添加到里面了,而且也显示了,但是已排序就小时了,把这些数据添加到初始值里,不让它消失呢
    0 回复
  • 共爱网
    2019-4-24
    @IDyun parent.$("#demo").next().find('.layui-table-box .layui-table-main table tbody').append("<tr
    我用这个方法的确把数据添加到里面了,如何把数据追加缓存到表格内,达到刷新不消失的效果呢?
    0 回复