自定义 Yii CGridView 和 CListView 组件

最新推荐文章于 2016-01-18 13:48:13 发布

原创最新推荐文章于 2016-01-18 13:48:13 发布 · 2.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#layout #function #class #header #css

web前端同时被 2 个专栏收录

30 篇文章

订阅专栏

php点滴

24 篇文章

订阅专栏

常用属性的设置方式：

Example:

$this->widget('zii.widgets.CListView', array(
	'dataProvider'=>$book->search(),
	'itemView'=>'_book',
	'pager'=>array(
		'class'=>'CLinkPager',
		'header'=>'Visit to page',
		'firstPageLabel'=>'&lt;&lt;',
		'prevPageLabel'=>'&lt;',
		'nextPageLabel'=>'&gt;',	
		'lastPageLabel'=>'&gt;&gt;',
	)
));

需要对具体的某个进行迭代的_view进行处理的时候，我们可以利用$index变量来进行一些逻辑处理，从而更好地方便我们对layout之类的修改。

<!-- inside your CListView's itemView partial -->
<div class="<?= ($index % 2) ? 'odd' : 'even' ?>">
...

再在css里面进行处理：

.odd {background:yellow;}
.even{background:gray;}

当然，也有一个walk around的方法可以实现同样的效果：

我们可以在页面里通过js来进行处理，（类似如下）

function _layout_init() {
    //modify layout of ads in news create/edit page
    if($("#div-id").length > 0) {
        $("#div-id div.items div.view:eq(4)").css("margin-right", "0");
        $("#div-id div.items div.view:eq(9)").css("margin-right", "0");
    }
}

然后在具体的展示页面进行调用（通常可以在layout里面进行，如下）即可：

$(document).ready(function(){
    $("#content").ajaxStop(function(){
      _layout_init();
    });
});

当然，这里只是简单地介绍了一种解决方法，额外的完善还是必须的，O(∩_∩)O~