Question

我正在将数据传递给datatable

$records["data"][] = array(
                '<input type="checkbox" name="id[]" value="'.$id.'">',
                $id,
                '12/09/2013',
                'Jhon Doe',
                'Jhon Doe',
                '450.60$',
                rand(1, 10),
                '<span class="label label-sm label-'.(key($status)).'">'.(current($status)).'</span>',
                '<a href="javascript:;" class="btn btn-xs default"><i class="fa fa-search"></i> View</a>',
            );

我希望添加到每个表格行链接，这意味着您可以点击数据表行并将定向到某个网址，每个row网址将不同（我必须设置的网址）。我的问题是如何设置row ulr？

Answer 1

您可以使用数据表的fnRowCallback事件并将click事件绑定到每一行。

    var oTable = $('#data').dataTable({
          "fnRowCallback": function (nRow, aData, iDisplayIndex) {

                // Bind click event
                $(nRow).click(function() {
                      window.open('http://example.com');

                      //OR

                     window.open(aData.url);

                });

                return nRow;
           }
    });

Answer 2

链接到您的详细信息页面（我称之为dataitem.php），并在查询字符串中传递id：

'<a href="dataitem.php?id='.$id.'" class="btn btn-xs default">View</a>'

然后，在dataitem.php中，从查询字符串中读取id，以便知道要显示哪一行。

ajax datatable在行上建立链接

2 个答案: