码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-05-05 11:07:45      阅读:458      评论:0      收藏:0      [点我收藏+]

标签:

在网站或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(data){
 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>

 

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

标签:

原文地址:http://www.cnblogs.com/lxcmyf/p/5460955.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!