用于逐页导航的选项卡 - Tabs to navigate page by page

Tabs to navigate page by page

本文关键字：选项导航用于 | 更新日期: 2023-09-27

我在JQuery中使用引导程序，我想使用选项卡逐页导航。

事实上，我在表格中有一些结果。对于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个结果，创建一个新页面和一个新标签。我希望你知道我的意思。

感谢您的帮助；）

好吧，我在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>';

也许它可以帮助你们中的一些人，无论如何，谢谢你，祝你晚上愉快！：）