Question

我正在开展一个项目，我们每年向用户展示数据摘要，在该摘要中，他们将看到每年的总数据。（计算行数）。

当用户点击＆＃34; +＆＃34;图标他会看到当年的数据。

假设我点击2013：

IMG：data summery of the year 2013

现在关于它的工作原理：当有人点击+图标时，

function view_data(year)
{
$.ajax({
            url: "data_summary_year.php",
            type: "POST",
            data:'&year='+year,
            success: function(response)
            {
                // console.log(response);
                 $('#text-inputs').removeClass('hidden');
                document.getElementById("show_year_data").innerHTML = response;
                document.getElementById("year_show").innerHTML = year;
            }
       });
}

和data_summary_year.php

    <?php
require_once "../database/db.php";

     $year = $_POST['year'];

     $db_handle = new DBController();

    $db_handle->conn->set_charset("utf8");

    $data = $db_handle->runQuery("SELECT `id`, `DocNo`, `DName` WHERE `RDate` = '$year'");


if(!empty($data))
{
         foreach($data as $k=>$v)
         {

                 echo "
                         <tr>

                            <th>".$data[$k]['id']."</th>

                            <th>".$data[$k]['dateofexecution']."</th>

                            <th>".$data[$k]['RDate']."</th>

                           //trying to show less data same like this one --"--

                            </tr>";

        }
}


?>

当我从ajax成功收到response时，我只是将该数据发送到<tbody>。

您可以在 2013年度数据摘要图片中查看结果。

我的问题：当我在数据表中搜索某些内容时，因为数据表正在使用dom而我在<tbody>上发送的数据不在dom中，因此它什么都没显示。

我的搜索图片： https://screenshots.firefox.com/q1pKZZ8o38YTOXZg/localhost

现在我可以显示结果，但用户无法搜索任何内容;任何建议将不胜感激。

Answer 1

您使用的是datatables.net的插件吗？如果是这样，你可以绑定到表上的search event，并编写一些JS来搜索另一个表的标记。由于它不是一个组合表，插件不会搜索两个表。

另一个表是否使用相同的插件？您可能会触发该数据表以相同的方式搜索...

如何使用dom（datatable）进行操作？

1 个答案: