Question

我在JQuery中使用bootstrap，我想使用标签逐页导航。

确实，我在表格中有一些结果。使用SQL，我知道如何使用LIMITE 1,10来做到这一点。并通过使用$ _GET参数逐页导航...

但在这里，我想改用标签。

这是我的代码：

echo '<div class="tab-content">';
echo '<div class="tab-pane fade in active" id=1>';

while($row = $selectAllUsersM->fetch(PDO::FETCH_OBJ)){

$isActive = ($row->Activation) ? 'Desable' : 'Enable';

echo "<tr>";                                                echo '<td>'.$row->Firstname.'</td>';
echo '<td>'.$row->Name.'</td>';
echo '<td>'.$row->Nickname.'</td>';
echo '<td><a href="mailto:'.$row->Email.'">'.$row->Email.'</a></td>';
echo '<td>'.timeToDDMMYYYY($row->DateInscription).'</td>';
echo '<td><a href="?param='.$row->Activation.'&id='.$row->IdUser.'" title='.$isActive.'>'.isActive($row->Activation).'</a></td>';

echo "</tr>";

}

echo '</div>';
echo '</div>';

以下是分页的示例：

<ul class="pagination">
  <li><a href="#1">&laquo;</a></li>
  <li><a href="#2">1</a></li>
  <li><a href="#3">2</a></li>
  <li><a href="#4">3</a></li>
  <li><a href="#5">4</a></li>
  <li><a href="#6">5</a></li>
  <li><a href="#7">&raquo;</a></li>
</ul>

我不知道如何在每个页面上显示10个结果。然后，如果结果为11，则创建一个新页面和一个新选项卡。我希望你知道我的意思。

感谢您的帮助;）

Answer 1

好吧，我通过在Ajax中使用POST来解决这个问题。

显示结果的功能

<script>
    function displayPilotesF(pageF) { 

      $.post("pilotesF.php",
       { page : pageF},
       function(data){
        //alert("Data Loaded: " +  data);
        $("#pilotesF").html(data); 
       }
      );
    }
</script>

我在div中显示结果：

<div id="pilotesF"></div>

在我的页面“pilotesF.php”：

if(isset($_POST['page'])){

   $page = $_POST['page'];

   $selectAllUsersF= getAllInfoOfAllUsersF($page, nbPiloteFPerPage);
   $selectAllUsersF->execute();

   echo "<table class='table table-hover table-condensed'>";
    echo "<th>Firstname</th>";
    echo "<th>Name</th>";
    echo "<th>Nickname</th>";
    echo "<th>Email</th>";
    echo "<th>Registration</th>";
    echo "<th>State account</th>";

    while($row = $selectAllUsersF->fetch(PDO::FETCH_OBJ)){

     $isActive = ($row->Activation) ? 'Disable' : 'Enable';

     echo "<tr>";
        echo '<td>'.$row->Firstname.'</td>';
        echo '<td>'.$row->Name.'</td>';
        echo '<td>'.$row->Nickname.'</td>';
        echo '<td><a href="mailto:'.$row->Email.'">'.$row->Email.'</a></td>';
        echo '<td>'.timeToDDMMYYYY($row->DateInscription).'</td>';
        echo '<td><a href="?param='.$row->Activation.'&id='.$row->IdUser.'" title='.$isActive.'>'.isActive($row->Activation).'</a></td>';
     echo "</tr>";

    }

   echo "</table>";             
}

我的分页：

$nbPages= ceil($nbPiloteF/ nbPiloteFPerPage);

echo '<div class="text-center">';
  echo '<ul class="pagination" id="tabs2">';

/***********************************/

for ($i = 1 ; $i <= $nbPages; $i++){

if($i == 1)
   echo '<li class="active"><a data-toggle="tab" OnClick="displayPilotesF('.$i.');">'.$i.'</a></li>';                                               
else
  echo '<li><a data-toggle="tab" OnClick="displayPilotesF('.$i.');">'.$i.'</a></li>';

}

/***********************************/
   echo '</ul>';
echo '</div>';

也许它可以帮助你们中的一些人，不管怎样，谢谢你，过夜！：）

用于逐页导航的选项卡

1 个答案: