2016-03-04 35 views
1

我有一個表顯示數據庫中的一些數據。如果我想顯示5,10或20個結果,我希望能夠從下拉列表中進行選擇。我已經創建了一個下拉列表。我在想的是創建一個onClick事件,改變$ config [「per_page」] = 20的值;但我不知道該怎麼做。對於分頁我的配置文件是一個名爲pagination.phpPHP Codeigniter更改顯示在表中的數據數

這個文件是我的看法:

<div class="portlet box blue-madison"> 
    <div class="portlet-title"> 
     <div class="caption"> 
     <i class="fa fa-bank"></i>Notifications 
     </div> 
     <div class="tools"> 
     <a href="javascript:;" class="collapse"></a> 
     <!--<a href="#portlet-config" data-toggle="modal" class="config"></a>--> 
     <a href="javascript:;" class="reload"></a> 
     <!--<a href="javascript:;" class="remove"></a>--> 
     </div> 
    </div> 
    <div class="portlet-body"> 
     <div class="table-responsive"> 
     <table class="table table-striped table-bordered table-hover" id="logs"> 
      <thead> 
       <tr role="row" class="heading"> 
        <th> 
        # 
        </th> 
        <th> 
        Date 
        </th> 
        <th> 
        Destinataire 
        </th> 
        <th> 
        Message 
        </th> 
        <th> 
        Expéditeur 
        </th> 
       </tr> 
       <tr role="row" class="filter"> 
        <form class="filter" id="frm-flt-log_send" onsubmit="return false;"> 
        <td> </td> 
        <td> </td> 
        <td> </td> 
        <td> </td> 
        <td> 
         <!--<div class="margin-bottom-5"> 
          <button class="btn btn-sm green btn-outline filter-submit margin-bottom" onclick="loadCompanies('<?php //echo site_url('notifications/main/lst')?>')"><i class="fa fa-search"></i> Filtrer</button> 
          </div> 
          <button class="btn btn-sm red btn-outline filter-cancel" onclick="this.form.reset();loadLog_send();"><i class="fa fa-times"></i> Reset</button>--> 
        </td> 
        </form> 
       </tr> 
      </thead> 
      <tbody id="log_send-ajax-content"> 
       <?php $this->load->view('log_send/list_ajax.php');?> 
      </tbody> 
     </table> 
     </div> 
    </div> 
    <div class="portlet-body"> 
     <img class ="ico" src="<?php echo base_url(); ?>assets/images/gris.png"> Etat inconnu 
     <img class ="ico" src="<?php echo base_url(); ?>assets/images/bleu.png"> Notification envoyée 
     <img class ="ico" src="<?php echo base_url(); ?>assets/images/vert.png"> Notification reçue 
     <img class ="ico" src="<?php echo base_url(); ?>assets/images/rouge.png"> Erreur dans l'envoi 
    </div> 
    <div class="portlet-body"> 
     <img class ="ico" src="<?php echo base_url(); ?>assets/images/ok.png"> Quittance OUI 
     <img class ="ico" src="<?php echo base_url(); ?>assets/images/nok.png"> Quittance NON 
     <img class ="ico" src="<?php echo base_url(); ?>assets/images/unkown.png"> Non quittancé (raccroché) 
    </div> 
</div> 

而傳遞到表中的數據:

<?php 
    foreach ($content as $value){ 
    switch($value->id_send_type){ 
    case "1": // SMS 
     switch ($value->etat){ 
      case "Msg read complete": 
       $etat = "<img id=\"".$value->ticket."\" class=\"ico\" src=\"".base_url()."/assets/images/send_type/sms_vert.png\">"; 
      break; 
      case "Msg send complete": 
       $etat = "<img id=\"".$value->ticket."\" class=\"ico\" src=\"".base_url()."/assets/images/send_type/sms_bleu.png\">"; 
      break; 
      case "Msg Pending": 
       $etat = "<img id=\"".$value->ticket."\" class=\"ico\" src=\"".base_url()."/assets/images/send_type/sms_orange.png\">"; 
      break; 
      default: 
       $etat = "<img id=\"".$value->ticket."\" class=\"ico\" src=\"".base_url()."/assets/images/send_type/sms_gris.png\">"; 
      break; 
     } 
     $quittance = "<img id=\"q".$value->ticket."\" class=\"ico\" src=\"".base_url()."/assets/images/vide.png\">"; 
    break; 
    case "2": // Email 
     $etat = "<img id=\"".$value->ticket."\" class=\"ico\" src=\"".base_url()."/assets/images/send_type/mail_bleu.png\">"; 
     $quittance = "<img id=\"q".$value->ticket."\" class=\"ico\" src=\"".base_url()."/assets/images/vide.png\">"; 
    break; 
    case "3": //Appel vocaux 
     switch ($value->etat) { 
      case 'ring': 
       $etat = "<img id=\"".$value->ticket."\" class=\"ico\" src=\"".base_url()."/assets/images/send_type/appel_ring.png\">"; 
      break; 
      case 'hangup': 
       $etat = "<img id=\"".$value->ticket."\" class=\"ico\" src=\"".base_url()."/assets/images/send_type/appel_vert.png\">"; 
      break; 
      default: 
       $etat = "<img id=\"".$value->ticket."\" class=\"ico\" src=\"".base_url()."/assets/images/send_type/appel_bleu.png\">"; 
      break; 
     } 
     switch ($value->quittance) { 
      case '1': 
       $quittance = "<img id=\"q".$value->ticket."\" class=\"ico\" src=\"".base_url()."/assets/images/ok.png\">"; 
      break; 
      case '3': 
       $quittance = "<img id=\"q".$value->ticket."\" class=\"ico\" src=\"".base_url()."/assets/images/nok.png\">"; 
      break; 
      case '9': 
       $quittance = "<img id=\"q".$value->ticket."\" class=\"ico\" src=\"".base_url()."/assets/images/unkown.png\">"; 
      break; 
      default: 
       $quittance = "<img id=\"q".$value->ticket."\" class=\"ico\" src=\"".base_url()."/assets/images/vide.png\">"; 
      break; 
     } 
    break; 
    case "4": // Pager 
     switch ($value->etat){ 
      case "Msg read complete": 
       $etat = "<img id=\"".$value->ticket."\" class=\"ico\" src=\"".base_url()."/assets/images/send_type/pager_vert.png\">"; 
      break; 
      case "Msg send complete": 
       $etat = "<img id=\"".$value->ticket."\" class=\"ico\" src=\"".base_url()."/assets/images/send_type/pager_bleu.png\">"; 
      break; 
      case "Msg Pending": 
       $etat = "<img id=\"".$value->ticket."\" class=\"ico\" src=\"".base_url()."/assets/images/send_type/pager_orange.png\">"; 
      break; 
      default: 
       $etat = "<img id=\"".$value->ticket."\" class=\"ico\" src=\"".base_url()."/assets/images/send_type/pager_gris.png\">"; 
      break; 
     } 
     $quittance = "<img id=\"q".$value->ticket."\" class=\"ico\" src=\"".base_url()."/assets/images/vide.png\">"; 
    break; 

    case "5": //Threema 
     $etat = "<img id=\"".$value->ticket."\" class=\"ico\" src=\"".base_url()."/assets/images/send_type/threema_bleu.png\">"; 
     $quittance = "<img id=\"q".$value->ticket."\" class=\"ico\" src=\"".base_url()."/assets/images/vide.png\">"; 
    break; 

    case "7": //Fax 
     switch ($value->etat) { 
      case '0': 
       $etat = "<img id=\"".$value->ticket."\" class=\"ico\" src=\"".base_url()."/assets/images/send_type/fax_vert.png\">"; 
      break; 
      default: 
       $etat = "<img id=\"".$value->ticket."\" class=\"ico\" src=\"".base_url()."/assets/images/send_type/fax_bleu.png\">"; 
      break; 
     } 
     $quittance = "<img id=\"q".$value->ticket."\" class=\"ico\" src=\"".base_url()."/assets/images/vide.png\">"; 
    break; 

    } 


    echo "<tr><td>".$etat.$quittance."</td><td>".$value->date."</td><td>".$value->recname." ".$value->recfirstname."<br><font size=\"0.5em\"><i>".$value->recipient."</i></font></td><td>".$value->message."</td><td>".$value->expname." ".$value->expfirstname."</td>"; 
    //echo '<td>' . (($value->active)?'<span class="badge badge-success">on</span>':'<span class="badge badge-danger">off</span>') . '</td>'; 
    //echo '<td><button class="btn btn-info" type="button" onClick="window.location.href = \'' . site_url('admin/company/edit/' . $value->id_company) . '\';">Modification</button></td>'; 

    echo '</tr>'; 
    } 

    ?> 
<tr> 
    <td colspan="8"> 
     <div class="dropdown"> 
     <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Résultats par page 
     <span class="caret"></span></button> 
     <ul class="dropdown-menu"> 
      <li><a href="#">5</a></li> 
      <li><a href="#">10</a></li> 
      <li><a href="#">20</a></li> 
     </ul> 
     </div> 
     <div id="pagination"><?php echo $pag_links; echo $pag_total ;?></div> 
    </td> 
</tr> 

回答

0

要回答的問題是「如何捕獲單擊事件「:

<select onchange='doSomething(this)'> 
    <option value='5'>5</option> 
    <option value='10'>10</option> 
    <option value='15'>15</option> 
</select> 
<script type='text/javascript'> 
    function doSomething(elem) { 
     alert('value = ' + elem.value); 
    } 
</script> 

現在,如果需要顯示不同數量的行dependi在選擇的數字上,您將需要使用javascript播放更多內容。如果你使用jQuery,你的生活會更容易。

無論如何,它沒有重新發明輪子。看看datatables,因爲它們完全符合你的要求。

致以問候

相關問題