0

我正在我的网页中创建一个画廊。在我的网络中,我也有一些视图,其中我使用了一些小部件,如 CGridView 或 CListView。在这些视图中,当页面中有很多元素时,会自动出现一个分页栏。当然,我使用 Yii 创建了这些视图,问题是我不知道如何在我的画廊视图中创建这种分页。为此,我在互联网上搜索了一个分页代码,我发现了一些东西。现在我正在使用这段代码

<div class="pagination">
<ul>
<?php

echo "<a href=\"?pag=".'1'."\" onclick=\"Pagina('1')\">&lt;&lt; Primero </a> ";
if($pag_act>1) echo "<a href=\"?pag=".$pag_ant."\" onclick=\"Página('$pag_ant')\"> &lt; Anterior</a> ";

for ($l=$pag_act;$l<=$pag_ult;$l++){
echo "<a href=\"?pag=".$l."\" onclick=\"Página('$l')\"> $l</a> ";

}
  if($pag_act<$pag_ult) echo " <a href=\"?pag=".$pag_sig."\"    onclick=\"Pagina('$pag_sig')\">Siguiente &gt; </a> ";
echo "<a href=\"?pag=". $pag_ult."\" onclick=\"Pagina('$pag_ult')\">Último &gt;&gt;   </a>";

?>
 </ul>
 </div>

当然,我编辑代码是因为我希望它显示一个类似于 Yii 在另一个视图中创建的分页栏,正如我告诉你的那样。

最后,我的分页栏与 Yii 创建的类似,但它们的工作方式不同。例如,我的分页栏在 URL 中显示“myApp/site/gallery.html?pag=1”,当我单击一个按钮时,它不会改变他的颜色背景,最重要的是,当我单击一个按钮时,页面刷新,你显示这个的开头,我的意思是,标题,而不是分页栏。

我知道要更改背景颜色,我必须编辑 css,就我而言,在 navi.css 中我有:

/* ----------------------------------------------分页- ------------------------------------*/

.pagination{display:block; width:100%; text-align:center; clear:both;}
.pagination ul{margin:0; padding:0; list-style:none;}
.pagination li{display:inline;}
.pagination .next{margin:0;}
.pagination a{display:inline-block; padding:2px 5px 3px 5px; margin:0 2px 0 0; border:1px solid #DFDFDF;}
.pagination .current, .pagination .splitter{padding:6px; margin:0 2px 0 0;}
.wrapper .pagination a:hover, .pagination .current, .pagination       .splitter{color:#9B9B9B!important; background-color:#F9F9F9;}
.pagination ul li.selected a{color:#666666!important; background-color: #F9F9F9;border:0;}

但我不知道如何更改分页栏的背景颜色。

我希望我的分页栏像 Yii 创建的那样工作,或者知道如何创建另一个像 Yii 分页栏。

拜托,有人可以帮助我吗?谢谢!

编辑:

我使用gallery.php的这段代码来显示图像:

<div class="wrapper col2">
  <div id="container" class="clear">
    <!--     ####################################################################################################### -->
    <div id="tabcontainer">
      <ul id="tabnav">
        <li><a href="#tabs-1">Wedding Photos</a></li>
        <li><a href="#tabs-2">Artistic Photos</a></li>
        <li><a href="#tabs-3">Children's Photos</a></li>
        <li><a href="#tabs-4">Fashion Photos</a></li>
        <li><a href="#tabs-5">Action Photos</a></li>
      </ul>
      <!-- ########### -->
      <div id="tabs-1" class="gallery clear">
        <ul>
    
        <?php 

        while($imagen_a_empezar<$imagen_a_terminar){

                if($imagen_a_empezar>=$total_imagenes) break;
        
            if (in_array($imagen_a_empezar,$ultimos)){ 
            ?>
        
                <li class="last"><a href="<?php echo Yii::app()->theme->baseUrl;?>/images/portfolioslider/<?php echo     $archivos[$imagen_a_empezar]?>.jpg" rel="prettyPhoto[gallery1]" title=""><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/gallery/<?php echo $archivos[$imagen_a_empezar]?>.jpg" alt="" /></a></li>
                
        
            <?php }else{ ?> 
        
                <li><a href="<?php echo Yii::app()->theme->baseUrl;?>/images/portfolioslider/<?php echo archivos[$imagen_a_empezar]?>.jpg" rel="prettyPhoto[gallery1]" title=""><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/gallery/<?php echo $archivos[$imagen_a_empezar]?>.jpg" alt="" /></a></li>
        
            <?php };?>

          <?php  $imagen_a_empezar++;
        };?>
    
        </ul>
      </div>
    </div>
  </div>
</div>
4

1 回答 1

1

我认为最好让 yii 为你做分页,只需使用一个标准来获取你的模型并给它一个CPagination的实例。

您还可以定义一个css类并将其分配给您的gridview或使用“htmlOptions”.like的任何东西:

$this->widget('bootstrap.widgets.TbGridView', array(
        'id' => 'my-grid',
        'dataProvider' => $model->search(),
        'summaryText'=>'', // hide summary
        'htmlOptions' => array(
          'class' => 'someClass',
          'style' => 'width: 600px;height: 300px;',
         ),
    ));

这是一个很好的例子。

希望这可以帮助。

更新:或者你可以:

首先在你的控制器中,

$criteria = new CDbCriteria;
...
$pages=new CPagination($count);

    // results per page
    $pages->pageSize=10;
    $pages->applyLimit($criteria);

    $models = Books::model()->findAll($criteria);

    $this->render('index', array(
       'models' => $models,
       'pages' => $pages
    ));

然后在你看来,

<?php foreach($models as $model): ?>
    $this->renderPartial('_gallery' , array('model' => $model));
<?php endforeach; ?>

// display pagination
<?php $this->widget('CLinkPager', array(
    'pages' => $pages,

)) ?>

于 2013-09-21T12:52:39.733 回答