0

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(); 
}

Jクエリは

$(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;       
    });                                     
});

各行に関連付けられたこの値を取得する方法についての助けをいただければ幸いです。

4

1 に答える 1

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;       
});

liveは非推奨なのでon に置き換えてください。

それよりも、追加の 'td' にリンクを配置し、次のように目的のページへのリンクを提供します。

<td><a href="my_url?postId=<?php echo $row[6];?>">LINK</a></td>
于 2013-05-09T05:41:23.920 に答える