从翻页条件查询列表及其详情页动态切换,免于条件携带的实现方案

       页面列表查询中需要查看详情或修改页面,如果是在当前页面打开,修改保存返回的时候可能存在无法回到以前列表页,而是回到首页。这样在如果存在大量的数据需要修改,每次修改数据的时候,都需要不断的输入条件,翻页,找到后在修改,户体检极差。

    如下是我们在工作中的实践

<html>

  <head>

  </head>

  <body>

    <div id='recordList'>

        行1

        行2

        ..

    </div>

    <iframe id='recordDetail'>

      详情页

    </iframe>

  <body>

</html>

分成两个部分:

div用来展示列表部分

iframe用来展示详情页,刚开始的时候iframe是隐藏的


流程:

1.当用户点击div某行的时候,隐藏div;同时在iframe显示对应行的详情页,并让iframe可见。

2.在详情页中,点击返回的时候,隐藏iframe,同时显示div根据详情页的高度动态调整iframe的高度


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值