链接数据表中的行

时间:2013-05-09 05:37:38

标签: php jquery twitter-bootstrap datatables

我正在尝试使用JQuery Datatables唯一地链接表的每一行。我遇到的问题是我如何存储或查找每个数据表行的唯一链接。表体是从数据库中动态创建的

echo "
    <table id='table_id' class='table table-striped'>
    <thead>
    . . .
    </thead>
    <tbody>
";

while($row) {
    // The uniquely value to represent the link to each row is
    // <a href ='rideinfo?PostID=$row[6]'></a>  
    echo "          
        <tr>
            <td>$row[1]</td>
            <td>$departDate</td>
            <td>$departTime</td>
            <td>$row[2]</td>
            <td>$returnDate</td>
            <td>$returnTime</td>
            <td>$$row[5]</td>
        </tr>                                   
     ";
     $row = $result->fetch_row(); 
}

JQuery是

$(document).ready(function() {
    var oTable = $('#table_id').dataTable( {
        "sPaginationType": "bootstrap"          
    });     

    $("#table_id tbody tr").live('click',function() {   
        // I am not sure here how to store and get the id for each row
        document.location.href = "?PostID=" + id;       
    });                                     
});

如何获得与每行相关联的值的任何帮助都将非常感激。

1 个答案:

答案 0 :(得分:0)

给你的while循环

while($row) {
// The uniquely value to represent the link to each row is
// <a href ='rideinfo?PostID=$row[6]'></a>  
echo "          
    <tr id='<?php echo $row[6];?>'>
        <td>$row[1]</td>
        <td>$departDate</td>
        <td>$departTime</td>
        <td>$row[2]</td>
        <td>$returnDate</td>
        <td>$returnTime</td>
        <td>$$row[5]</td>
    </tr>                                   
 ";
 $row = $result->fetch_row(); 
}

并将jquery设为

$("#table_id tbody tr").on('click',function() {   
    var id = $(this).attr('id');
    document.location.href = "?PostID=" + id;       
}); 

直播替换为 ,因为它已被弃用。

Ratherthan在额外的'td'上添加一个链接并将链接提供给您想要的页面,如

<td><a href="my_url?postId=<?php echo $row[6];?>">LINK</a></td>