Таблица с фильтром выбора - PullRequest
Новая
       5

Таблица с фильтром выбора

0 голосов
/ 19 июня 2020

У меня есть таблица с 4 столбцами, которые я хочу отсортировать с помощью формы выбора.

Например, здесь у меня есть выбор для сортировки столбца «Тип» (столбец 3) с тремя вариантами: - Спортивный сайт - Сайт де блока - Ландшафт Авентура

Как вы это делаете ? 

<div class="stages">                 
<form id="form-sne-filtre" method="post">
    <div>
        <select name="type" id="select_1">
            <option value=""><?php _e('Filtrer par type'); ?></option>
            <option value="0"> <?php _e('Site Sportif'); ?></option>
            <option value="1"><?php _e('Site de bloc'); ?></option>
            <option value="2"><?php _e('Terrain d\'aventure'); ?></option>
        </select>
    </div>
</form>

<table id="myTable">
<thead>
    <tr>
        <th><?php _e('Nom'); ?></th>            
        <th><?php _e('Ville'); ?></th>
        <th><?php _e('Type'); ?></th>
        <th><?php _e('Niveau'); ?></th>
    </tr>
</thead>

<tbody>
    <?php foreach($_POST as $key => $value){
        if($value != "") $args[$key] = $value;
    }
    foreach($snes->items as $sne) { ?>
        <tr>
            <td><a href="<?php bloginfo('url'); ?>/sne-fiche/<?php echo $sne->ID_SNE; ?>/"><?php echo $sne->SNE_VILLE; ?> <?php echo $sne->SNE_NOM; ?></a></td>
            <td><?php echo $sne->SNE_COMMUNES; ?></td>
            <td><?php
$array = array(0 => __('Site sportif'),1 => __('Site de bloc'), 2 => __('Terrain d\'aventure'));
echo $array[$sne->SNE_TYPESITE];
?></td>
            <td><?php _e("Nombre de voies : "); ?><?php echo $sne->SNE_NBRVOIES; ?> <?php _e('De'); ?> <?php echo $sne->SNE_NIVEAUVOIE_MIN; ?> <?php _e('à'); ?> <?php echo $sne->SNE_NIVEAUVOIE_MAX;; ?></td> 
        </tr>
    <?php } ?>

</tbody>
</table>
</div>

1 Ответ

0 голосов
/ 19 июня 2020

Если вы используете jQuery, вы можете отправлять форму всякий раз, когда пользователь выбирает вариант сортировки:

1. Привязать события

Добавьте следующий тег ниже div.stages tag 

<script>
$("#select_1").on("change", function(e) => {
    $("#form-sne-filtre").submit();
})
</script>

2. Параметр стойки ручки php

<?php 
   $sort = $_POST["type"] ?? "";
   $snes = sortSnes($snes, $sort); // you have to implement sortSnes function by yourself, don't ask me
?>
<tbody>
<?php foreach($snes as $sne): ?>
<tr>
   // render table rows
</tr>
<?php endforeach;?>
</tbody>
...