【问题标题】:Link a row in a datatable链接数据表中的一行
【发布时间】:2013-05-09 05:37:38
【问题描述】:

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

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

任何有关如何获取与每一行相关联的值的帮助将不胜感激。

【问题讨论】:

    标签: php jquery twitter-bootstrap datatables


    【解决方案1】:

    给你的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>
    

    【讨论】:

    • 这行得通,但我遇到的问题是分页,由于某种原因,链接只能在第一页上工作
    • 给我分页脚本..??
    • 分页是用 var oTable = $('#table_id').dataTable( { "sPaginationType": "bootstrap" });它来自 JQuery 数据表
    • 在第二页您是否获得相关数据..??我的意思是正确的数据..?
    • 我刚刚检查了页面的来源,所有行都有正确的数据,包括 id= 字段,但由于某种原因,链接在第一个页面之后不起作用
    猜你喜欢
    • 2019-02-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-07-10
    • 2016-05-09
    • 1970-01-01
    相关资源
    最近更新 更多