怎样通过点击列表的每一行跳转至新页面（详情页）

在网站或OA系统中，我们经常需要通过页面列表点击某行查看详细信息：

1.js代码:

 1 $(function(){
 2     $.each($("#listtable tr:gt(1)"),function(index,o){    //gt()下标从0开始，表示从大于1的行开始
 3         var outId = $(o).attr("id"); 
 4         $(o).click(function(){
 5             var bodyWidth = window.screen.width-100;
 6             var bodyHeight = window.screen.height-150;
 7             var url = document.getElementById("url").value;
 8             var style = "status=no,maximize=yes,scrollbars=yes,toolbar=no,menubar=no,location=no,top=15,left=50, resizable=yes,height="+bo
               dyHeight+",width="+bodyWidth;
 9             window.open('yzArchivesOut.action?oper=showDetail&outId='+outId+"&url="+url,'newwindow',style);
10            });
11      });
12 });

2.jsp代码:

<body>
    <table id="listtable" >
        <tr></tr>
        <tr>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
        </tr>
        <c:forEach items="" var="" varStatus="">
             <tr id="">
                 <td></td>
                 <td></td>
                 <td></td>
                 <td></td>
             </tr>
        </c:forEach>
    </table>
 </body>

 

posted @ 2016-05-05 10:39  如果屈原会编程  阅读(2183)  评论(0)  编辑  收藏  举报