jsp实现tabpage功能，各页签之间可以传递参数

选择结果中的某一条，后面的页签的展示该结果的具体内容
ajax 选中某一条数据后，通过Ajax后台请求其具体内容，然后显示在后面的页签。

解决方案 »

  1.   

    传统方式：<form target="_main"> 跨iframe提交表单
    每条数据的url，在查询出结果后在服务器端就预先设定好，往前台传的时候每条记录多传一个字段为这个url即可
      

  2.   

    感谢两位大哥，我初学JSP，不太明白你们的意思。我现在主要的问题是在第一个页签子页面怎么刷新第二个页签页面，两位大哥能不能说的具体点啊。
      

  3.   

    主页面里动态改变标签页面的iframe的src就可以实现了。
    第一个标签内要在别的标签打开的链接，都改成点击后交给主页面去处理，主页面负责打开一个新标签或者在一个已经存在的标签里显示。简单的例子：main:
    <iframe src="A"></iframe>
    <iframe></iframe>
    <script>
    function show(src){
    document.querySelector("iframe")[1].src=src;
    }
    function create(src){
    //新建标签
    }
    </script>A:
    <a href="javascript:parent.show('B')">标签打开</a>
    <a href="javascript:parent.create('B')">新标签打开</a>B:
    B页面内容
    如果要显示的页面链接不好改成直接交给主页面处理这种形式，可以再主页面打开标签的时候对页面进行注入操作，修改默认的点击行为。
      

  4.   

    楼主百度下Ajax，Ajax主要有两个比较好用的地方，一个是异步刷新，一个是局部刷新。
    楼主这里就正好用这两个特性。
    选中一行后，去后台请求数据过来，然后局部的刷新后面的页签，这样不影响整体页面的展示，只刷新局部地方。楼主搜一个Ajax的小例子，看看就好了。
      

  5.   

    两位大哥辛苦了，可能我没说清楚。首先我的主页面是这样的
    <body>
    <table width="100%" height="25" border="0" cellspacing="0" cellpadding="0" background="images/bg.gif">
      <tr>
        <td>
    <div id="tabs1">
          <ul>
            <li><a href="javascript:changeGraph1();"><span>项目列表</span></a></li>
            <li><a href="javascript:changeGraph2();"><span>项目信息</span></a></li>
            <li><a href="javascript:changeGraph2();"><span>投资计划</span></a></li>
            <li><a href="javascript:changeGraph2();"><span>进度信息</span></a></li>
          </ul>
        </div></td>
      </tr>
    </table><br><iframe id="frame1" src="/ProjMainQuery.do" frameborder="0"
              marginheight="0" marginwidth="0" scrolling="no" style="padding-top:0px;display:block;" width="100%" height="100%"></iframe>
    <iframe  id="frame2" src="/ProjectMainDesk.do?" frameborder="0" marginheight="0" marginwidth="0" scrolling="no"
             style="padding-top:0px;display:none;" scrolling="no" width="100%" height="100%"></iframe>
    <iframe  id="frame3" src="/ProjectMainDesk.do?" frameborder="0" marginheight="0" marginwidth="0" scrolling="no"
             style="padding-top:0px;display:none;" scrolling="no" width="100%" height="100%"></iframe>
    <iframe  id="frame4" src="/ProjectMainDesk.do?" frameborder="0" marginheight="0" marginwidth="0" scrolling="no"
             style="padding-top:0px;display:none;" scrolling="no" width="100%" height="100%"></iframe>
    </body>
    </html:html>
    我要的功能是在frame1的页面中能控制frame2，frame3，frame4的url，动态控制。谢谢了
      

  6.   

    在同一个页面，你要获取frame2 frame3 frame4都可以通过document.getElementById("frame2");这种形式得到，至于它里面的内容，你可以通过，改变src属性的值来实现
      

  7.   


    最简单的方法就是给 IFrame 命名，然后<A>标签中使用target属性。