1

idクリックしたときにテーブルを並べ替えたい。機能していますが、主なことは、ブートストラップの矢印の上下のアイコンもidラベルに添付する必要があることです。

データが降順で表示される場合はブートストラップarrow-bottomアイコンが表示され、データが昇順で表示される場合はarrow-upアイコンが表示されます。

ユーザーコントローラー.php

 public $paginate = array('limit'=>4);

 public function index() {
      $this->User->recursive = 0;
      $this->set('users', $this->paginate());
 }

index.ctp

<div class="users index">
<h2><?php echo __('Users'); ?></h2>

<table class="zebra-striped table-bordered " cellpadding="0" cellspacing="0">
<tr>
        <th>
            <a href='' >
                <?php echo $this->Paginator->sort('id'); ?>
                 <i class='icon-arrow-up'></i>
            </a> 
        </th>
        <th><a href='' >First Name <i class='icon-arrow-down'></i>
       </a>   </th>
        <th>Last Name <i class='icon-resize-full'></i></a></th>

</tr>
    <?php foreach ($users as $user): ?>
    <tr>
    <td><?php echo h($user['User']['id']); ?>&nbsp;</td>
    <td><?php echo h($user['User']['first_name']); ?>&nbsp;</td>
    <td><?php echo h($user['User']['last_name']); ?>&nbsp;</td>

    </tr>
        <?php endforeach; ?>
    </table>
<p>
<?php
     echo $this->Paginator->counter(array(
       'format' => __('Page {:page} of {:pages}, showing {:current} records out of {:count} total, starting on record {:start}, ending on {:end}')
));
 ?> </p>

<div>

     <div class="pagination">
<ul>

     <?php

             echo $this->Paginator->prev(__('prev'), array('tag' => 'li'),
           null, array('tag' => 'li','class' => 'disabled','disabledTag' => 'a'));
            echo $this->Paginator->numbers(array('separator' => '','currentTag' 
            => 'a', 'currentClass' => 'active','tag' => 'li','first' => 1));
            echo $this->Paginator->next(__('next'), array('tag' => 'li','currentClass' => 'disabled'), null, array('tag' => 'li','class' => 'disabled','disabledTag' => 'a'));
        ?>
    </ul>
</div>
4

3 に答える 3

2

キーもチェックする必要があるので、

<?php echo $this->Paginator->sort('title', 'My great title'); ?> 
<?php if ($this->Paginator->sortKey() == 'title'): ?>
    <i class='fa fa-sort-<?php echo $this->Paginator->sortDir() === 'asc' ? 'up' : 'down'; ?>'></i>
<?php else: ?>
    <i class='fa fa-sort'></i>
<?php endif; ?>
于 2014-09-15T11:13:58.033 に答える
2

PaginatorHelper::sortDir()現在のソート方向を確認し、その値に基づいてクラス名を作成するために使用します。

<i class='icon-arrow-<?php echo $this->Paginator->sortDir() === 'asc' ? 'up' : 'down'; ?>'></i>

これを並べ替えリンクに埋め込むには、HTML を の 2 番目のパラメータとして渡し、オプションを falsePaginatorHelper::sort()に設定します。escape

$type = $this->Paginator->sortDir() === 'asc' ? 'up' : 'down';
$icon = "<i class='icon-arrow-" . $type . "'></i>";
echo $this->Paginator->sort('id', $icon, array('escape' => false));

次のようなリンクになります。

<a href="/.../page:1/sort:id/direction:asc/"><i class='icon-arrow-up'></i></a>
于 2013-08-17T11:05:01.960 に答える