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

最新推荐文章于 2023-01-16 16:43:58 发布

weixin_34414650

最新推荐文章于 2023-01-16 16:43:58 发布

阅读量2.5k

点赞数

文章标签： javascript c# java ViewUI

原文链接：http://www.cnblogs.com/lxcmyf/p/5460955.html

版权

在网站或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>