CActiveDataProvider with 2 columns layout

Yii 1.1 General Discussion
1

Please help how to create page 2 columns layout with CActiveDataProvider+CListView.

Controller:




public function actionNews()

	{

		$this->layout='mainBlogListing';

		$criteria=new CDbCriteria(array(

			'condition'=>'catid=1 AND state=1',

			'order'=>'created DESC',

		    ));

		   

		 

		    $dataProvider=new CActiveDataProvider('Content', array(

			'pagination'=>array(

			    'pageSize'=>5,

			),

			'criteria'=>$criteria,

		    ));

		 

		    $this->render('news',array(

			'dataProvider'=>$dataProvider,

		    ));

	}

in views /news.php




<?php

/* @var $this SiteController */

/* @var $error array */


$this->pageTitle=' News | '.Yii::app()->name;

?>





<!-- Page Content -->

<div id="page-content">

    <div class="container">

        <div class="row">

            <!--MAIN Content-->

            <div class="col-md-8">

                <div id="page-main">

                     <section class="blog-listing" id="blog-listing">

                      <header><h1>News</h1></header>                      

                        <div class="row">

                           <?php $this->widget('zii.widgets.CListView', array(

				    'dataProvider'=>$dataProvider,

				    'itemView'=>'_newsList',

				    'template'=>"{items}\n{pager}",

				)); ?>

                         </div>

                       </section>      


                </div><!-- /#page-main -->

            </div><!-- /.col-md-8 -->


        </div><!-- /.row -->

    </div><!-- /.container -->

</div>

<!-- end Page Content -->

in /_newsList.php





<div class="col-md-6 col-sm-6">

                                <article class="blog-listing-post">

                                    <figure class="blog-thumbnail">

                                        <figure class="blog-meta"><span class="fa fa-file-text-o"></span>08-24-2014</figure>

                                        <div class="image-wrapper"><a href="blog-detail.html"><img src="assets/img/blog-01.jpg"></a></div>

                                    </figure>

                                    <aside>

                                        <header>

                                            <a href="blog-detail.html"><h3><?php echo $data->title; ?></h3></a>

                                        </header>

                                        <div class="description">

                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse et urna fringilla

                                                volutpat elit non, tristique lectus. Nam blandit odio nisl, ac malesuada lacus fermentum sit amet.

                                                Vestibulum vitae aliquet felis, ornare feugiat elit. Nulla varius condimentum elit.

                                            </p>

                                        </div>

                                        <a href="blog-detail.html" class="read-more stick-to-bottom">Read More</a>

                                    </aside>

                                </article><!-- /article -->

                            </div><!-- /.col-md-6 -->

                            <div class="col-md-6 col-sm-6">

                                <article class="blog-listing-post">

                                    <figure class="blog-thumbnail">

                                        <figure class="blog-meta"><span class="fa fa-file-text-o"></span>08-24-2014</figure>

                                        <div class="image-wrapper"><a href="blog-detail.html"><img src="assets/img/blog-02.jpg"></a></div>

                                    </figure>

                                    <aside>

                                        <header>

                                            <a href="blog-detail.html"><h3><?php echo $data->title; ?></h3></a>

                                        </header>

                                        <div class="description">

                                            <p>Nulla in mi sed tellus porta mollis vitae ut libero. Nam id tempor augue, id scelerisque nunc.

                                                Mauris varius tortor in nibh dictum auctor. Cum sociis natoque penatibus et magnis dis parturient

                                                montes, nascetur ridiculus mus. Proin scelerisque eros mi, et convallis mi pretium id.

                                            </p>

                                        </div>

                                        <a href="blog-detail.html" class="read-more stick-to-bottom">Read More</a>

                                    </aside>

                                </article><!-- /article -->

                            </div><!-- /.col-md-6 -->

The problems:

  1. With full two columns div like above, the left column and right column have the same content.

  2. If I use just first div column, in the second row, the left column will blank.

Thank you for help…

2
  1. _newsList.php is called for every row of CActiveDataProvider.

So, since the content of _listList is the same for both columns, it’s correct that left and right columns are cloned;

  1. See above;