页面列表查询中需要查看详情或修改页面,如果是在当前页面打开,修改保存返回的时候可能存在无法回到以前列表页,而是回到首页。这样在如果存在大量的数据需要修改,每次修改数据的时候,都需要不断的输入条件,翻页,找到后在修改,户体检极差。
如下是我们在工作中的实践<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的高度