CGridView

Anonymous (anonymous@undisclosed.example.com) — 2012-12-29T23:17:31+00:00

CGridView

$this->widget('zii.widgets.grid.CGridView', array(
  'id'=>'types-grid',
	'dataProvider'=>$model->search(),
	'filter'=>$model,
	'columns'=>array(
		'id',
		'name',
		//'category',
    array(
      'name'=>'category',
 
      'header' => 'Имя',
      'headerHtmlOptions' => array('width' => '20%'),
      'htmlOptions' => array('class' => 'my'),
 
      // Фильтер шапки в таблице
      'filter' => CHtml::dropDownList('ReferenceValues[category_filter]', $currentCategory, $this->getModelItems('Category')),
 
      // Вывод значений
      'value'=>'CHtml::link(Types::GetCategoryName($data->category), Yii::app()->createUrl("/esreestr/categories/update/id/".$data->category))',
 
      'type' => 'html',
    ),    
		array(
      // Установка кнопок
			'class'=>'CButtonColumn',
		),
	),
));

Rows

Вывод значений таблицы

...
      'value'=>'CHtml::link(Types::GetCategoryName($data->category), 
          Yii::app()->createUrl("/esreestr/categories/update/id/".$data->category))',
      'type' => 'html',
...

Filters

Устанавливает вывод фильтра в загаловке таблицы

...
      'filter' => CHtml::dropDownList('ReferenceValues[category_filter]', 
  $currentCategory, $this->getModelItems('Category')),
...

Сортировка

Сортировка с применение класса CSort

$sort = new CSort();
$sort->attributes = array(
  'asc' => 'date',
  'desc' => 'date DESC',
);
 
$this->widget('zii.widgets.grid.CGridView', array(
  'id'=>'types-grid',
  'dataProvider'=>$model->search(),
	'filter'=>$model,
  'sort' => $sort,
	'columns'=>array(
		'id',
		'name',
		//'category',
    array(
      'name'=>'category',
      // Фильтер шапки в таблице
      'filter' => CHtml::dropDownList('ReferenceValues[category_filter]', $currentCategory, $this->getModelItems('Category')),
      // Вывод значений
      'value'=>'CHtml::link(Types::GetCategoryName($data->category), Yii::app()->createUrl("/esreestr/categories/update/id/".$data->category))',
      'type' => 'html',
    ),    
		array(
      // Установка кнопок
			'class'=>'CButtonColumn',
		),
	),
));

Страницы

Model

public function search()
{
$criteria=new CDbCriteria;
 
$criteria->compare('ID',$this->ID);
$criteria->compare('REGION',$this->REGION,true);
$criteria->compare('TITLE',$this->TITLE,true);
$criteria->compare('PHONE',$this->PHONE,true);
$criteria->compare('EMAIL',$this->EMAIL,true);
 
return new CActiveDataProvider(get_class($this), array(
'criteria'=>$criteria,
'pagination' => array("pageSize" => 20),
));
}

Views

<?php
$this->widget('zii.widgets.grid.CGridView', array(
  'dataProvider'=>$dataProvider,
  'cssFile' => Yii::app()->baseUrl . '/media/css/gridview.css',
  'columns'=>array(
  'REGION',
  'TITLE',
  'PHONE',
  'EMAIL',
  ),
  'enablePagination' => true,
  'pager' => array(
          'class' => 'LinkPager',
          'cssFile' => false,
          'header' => false,
          'firstPageLabel' => 'First',
          'prevPageLabel' => 'Previous',
          'nextPageLabel' => 'Next',
          'lastPageLabel' => 'Last',
      ),
  )
);
?>

LinkPager.php

class LinkPager extends CLinkPager
{
    public $maxButtonCount=3;
}

CSS

.yiiPager .hidden, .yiiPager .first, .yiiPager .last {
display: none;
}

Размер страницы

config

// Accessable with Yii::app()->params['paramName']
'params'=>array (
 
    'defaultPageSize'=>20,

controller

// page size drop down changed
if (isset($_GET['pageSize'])) {
    Yii::app()->user->setState('pageSize',(int)$_GET['pageSize']);
    unset($_GET['pageSize']);  // would interfere with pager and repetitive page size change
}

model

return new CActiveDataProvider(get_class($this),array(
    'pagination'=>array(
        'pageSize'=> Yii::app()->user->getState('pageSize',Yii::app()->params['defaultPageSize']),
    ),
    'criteria'=>$criteria,
));

views

<?php 
// put this somewhere on top
$pageSize=Yii::app()->user->getState('pageSize',Yii::app()->params['defaultPageSize']); ?>
 
<?php
// we use header of button column for the drop down
// so change the CButtonColumn in columns array like this:
...
array(
    'class'=>'CButtonColumn',
    'header'=>CHtml::dropDownList('pageSize',$pageSize,array(20=>20,50=>50,100=>100),array(
        // change 'user-grid' to the actual id of your grid!!
        'onchange'=>"$.fn.yiiGridView.update('user-grid',{ data:{pageSize: $(this).val() }})",
    )),
),

datePicker в CGridView

CJuiDatePicker

'filter'=>$this->widget('zii.widgets.jui.CJuiDatePicker', array(  
        'model'=>$model,   
        'attribute'=>'date_created',  
        'language'=>'ru',  
        'options'=>array(  
                'showAnim'=>'fold',  
                'dateFormat'=>'yy-mm-dd',  
                'changeMonth' => 'true',  
                'changeYear'=>'true',  
                'showButtonPanel' => 'true',  
        ),  
),true),

CGridView

<?php $this->widget('zii.widgets.grid.CGridView', array(  
    'dataProvider'=>$model->search(),  
    'filter'=>$model,  
    'afterAjaxUpdate'=>"function() { 
        jQuery('#News_date_created').datepicker(
          jQuery.extend(jQuery.datepicker.regional['ru'],{
          'showAnim':'fold',
          'dateFormat':'yy-mm-dd',
          'changeMonth':'true',
          'showButtonPanel':'true',
          'changeYear':'true'
          })
        ); 
    }",  
    'columns'=>array(  
        array(  
            'name'=>'title',  
            'type'=>'raw',  
            'value'=>'CHtml::link(CHtml::encode($data->title), $data->url)'  
        ),  
        array(  
            'name'=>'dateCreated',  
            'type'=>'raw',    
            'filter'=>$this->widget('zii.widgets.jui.CJuiDatePicker', array(  
                                'model'=>$model,   
                                'attribute'=>'date_created',  
                                'language'=>'ru',  
                                'options'=>array(  
                                        'showAnim'=>'fold',  
                                        'dateFormat'=>'yy-mm-dd',  
                                        'changeMonth' => 'true',  
                                        'changeYear'=>'true',  
                                        'showButtonPanel' => 'true',  
                                ),  
            ),true),  
            'htmlOptions' => array('style' => 'width:130px;'),  
        ),  
        array(  
            'class'=>'CButtonColumn',  
            'deleteConfirmation' =>'Are you sure you want to delete this news?',  
            'viewButtonUrl' => '$data->url',  
        ),  
    ),  
)); ?>

Затем в методе модели search прописываем

if ($this->date_created)  
    $criteria->compare('date_created', $this->date_created, true);

Вывод двух CGridView для разных таблиц

Иногда бывает необходимо отобразить на одной странице в двух CGridView данные из двух моделей

В контроллере напишем следующее:

public function actionAdmin() {  
    Yii::import('application.modules.apartmentCity.models.ApartmentCity');  
    $modelA = new $this->modelName('search');   
    $modelB = new ApartmentCity('search');  
 
    $this->render('admin', array('modelA' => $modelA, 'modelB' => $modelB));  
}

Представление 'admin' принимает следующий вид

<?php $this->widget('zii.widgets.grid.CGridView', array(  
    'dataProvider'=>$modelA->search(),  
    'columns'=>array(  
        array(  
            'name'=>'title',  
            'type'=>'raw',  
            'value'=>'CHtml::link(CHtml::encode($data->title), $data->url)'  
        ),  
        array(  
            'name'=>'dateCreated',  
            'type'=>'raw',  
            'filter'=>false,  
            'htmlOptions' => array('style' => 'width:130px;'),  
        ),  
        array(  
            'class'=>'CButtonColumn',  
            'deleteConfirmation' => 'Are you sure you want to delete this news?',  
            'viewButtonUrl' => '$data->url',  
        ),  
    ),  
)); ?>  
 
<?php $this->widget('zii.widgets.grid.CGridView', array(  
    'dataProvider'=>$modelB->search(),  
    'columns'=>array(  
        array(  
            'name' => 'name',  
            'header' => 'Название',  
        ),  
        array(  
            'class'=>'CButtonColumn',  
            'template'=>'{update} {delete}',  
            'buttons'=>array(  
                'delete'=>array(  
                    'label'=>'Delete',  
                    'url'=>'Yii::app()->createUrl("apartmentCity/delete", array("id"=>$data->id))',  
                ),  
                'update'=>array(  
                    'label'=>'Update',  
                    'url'=>'Yii::app()->createUrl("apartmentCity/update", array("id"=>$data->id))',  
                ),  
            ),  
        ),  
    ),  
)); ?>

Пример метода search модели News

public function search() {  
    return new CActiveDataProvider($this, array(  
        'sort' => array(  
            'defaultOrder' => 'date_created DESC',  
        ),  
        'pagination' => array(  
            'pageSize' => param('adminPaginationPageSize', 20),  
        ),  
    ));  
}

Действие после удаления записи в CGridView

Дано: таблица, вывод записей которой, в привычном нам CGridView.

Задача: не давать пользователю удалять последнюю запись и выводить соответствующие сообщение.

В нашу "таблицу" добавим:

'afterDelete'=>'function(link, success, data){ if (data == 0) {alert("Удалить последний тип нельзя по причине необходимости данного поля в каждом объявлении."); } }',

Получится так

array(  
    'class'=>'CButtonColumn',  
    'deleteConfirmation' => 'Вы точно хотите удалить выбранный элемент?',  
    'afterDelete'=>'function(link, success, data){ if (data == 0) {alert("Удалить последний элемент нельзя!"); } }'  
)

В метод beforeDelete модели

public function beforeDelete(){  
    if($this->model()->count() <= 1){  
        echo 0;  
        return false;  
    }   
}

Обновление грида через ajax

http://habrahabr.ru/post/140109/

Enable In-place Editing in Yii Grid

Ajax button in CGridView

'columns' => array(
    'id',
    'name',
    array(
        'class'=>'CButtonColumn',
        'template' => '{view} {update} {delete}',
        'buttons'=>array(
            'view' => array(
                'url'=>'"index.php?r=admin/view&id=".$data->user_id."&m=users"',
                     'click' => "function (){ $('#viewTab').load($(this).attr('href'));return false; }"
            )
        ),
    ),
)

CStarRating

views

$this->grid->controller->widget("CStarRating", array("name" => $data->id, "id" => $data->id, "value" => $data->rating, "readOnly" => true,),true);

GridView

$this->widget('bootstrap.widgets.TbGridView', array(  
    'id'=>'users-comments-grid',  
    'dataProvider'=>$model->search(),  
    'filter'=>$model,  
    'afterAjaxUpdate'=>"function() { 
        jQuery('.rating-block input').rating({'readOnly':true}); 
    }",  
    'columns'=>array(  
        array(  
            'name' => 'message',  
            'sortable' => false,  
        ),  
        array(  
            'name' => 'rating',  
            'type' => 'raw',  
            'value'=>'$this->grid->controller->widget("CStarRating", array("name" => $data->id, "id" => $data->id, "value" => $data->rating, "readOnly" => true,),true)',  
            'headerHtmlOptions' => array('style' => 'width:85px;'),  
            'htmlOptions' => array('class' => 'rating-block'),  
            'filter' => false,  
            'sortable' => false,  
        ),  
    ),  
));

Ссылки

http://jedi-it.ru/post/7

CHtml

Anonymous (anonymous@undisclosed.example.com) — 2012-06-24T04:15:08+00:00

CHtml

CHtml::link()
CHtml::button()
CHtml::textField()
CHtml::listData()
CHtml::dropDownList()

CJuiAutoComplete

Anonymous (anonymous@undisclosed.example.com) — 2012-11-22T00:13:55+00:00

CJuiAutoComplete

Fileds Autocomplite

Ссылки

CListView

Anonymous (anonymous@undisclosed.example.com) — 2012-12-22T13:20:39+00:00

CListView

$dataProvider=new CActiveDataProvider('Post');
 
$this->widget('zii.widgets.CListView', array(
    'dataProvider'=>$dataProvider,
    'itemView'=>'_post', // _post или /some/path/_view
    'sorterHeader' => 'Сортировать по:',
    'summaryText' => '{start} - {end} из {count}',
    'sortableAttributes'=>array('title', 'create_time'=>'Post Time',),
));

http://devkp.ru/post/clistview-primer-ispolzovaniya

CPortlet

Anonymous (anonymous@undisclosed.example.com) — 2012-12-29T16:13:55+00:00

CPortlet

Применяется для вывода части контента, завернут в obstart(); и выводится с помощью ob_get_contents(), с предварительной очисткой ob_clean();

<?php $this->beginWidget('zii.widgets.CPortlet', array(
  'title' => 'Title',
  'decorationCssClass' => 'class_name', 
  'titleCssClass' => 'title_class_name',
  'contentCssClass' => 'content_class',
  )); ?>
    ...insert content here...
<?php $this->endWidget(); ?>

На выходе образуется блок вида

<!-- Не выводится при отсутствии $title -->
<div class="class_name">
<div class="title_class_name">Title</div>
</div>
<!-- -->
<div class="content_class">
    ...insert content here...
</div>
<!-- -->

dropDownList

Anonymous (anonymous@undisclosed.example.com) — 2012-06-16T15:03:36+00:00

dropDownList

Зависимые select-списки в Yii

EChosen

Anonymous (anonymous@undisclosed.example.com) — 2012-06-16T17:47:44+00:00

EChosen

Views

Вывести listbox

    <?php
      echo $form->dropDownList($model,'category',$model->GetCategoryList(), 
        array(
          'empty'=>'- select -', 
          'options' => array(Yii::app()->request->getQuery('id')=>array('selected'=>true)),
          'class' => 'category',
        )
      );

Преобразовать listbox в Chosen http://harvesthq.github.com/chosen/ привязка осуществляется по классу target = имя селектора

      $this->widget( 'application.views.widgets.EChosen.EChosen', array(
        'target' => '.category',
        'useJQuery' => true,
        'debug' => true,
        //'options' => array(),
      ));    
    ?>

Model

    public function GetCategoryList(){
      $Categories = Category::model()->findAll();
      $output = array();
      foreach($Categories as $Category){
         $Types = CHtml::listData(
            Types::model()->findAll('category = :category', array(':category' => $Category->id)),
            'id', 'name'
         );
        $output[$Category->name] = $Types;
      }
      return $output;
    }

Библиотека знаний - yii:widgets

CGridView

CGridView

Rows

Filters

Сортировка

Страницы

Размер страницы

datePicker в CGridView

CJuiDatePicker

CGridView

Вывод двух CGridView для разных таблиц

Действие после удаления записи в CGridView

Обновление грида через ajax

Enable In-place Editing in Yii Grid

Ajax button in CGridView

CStarRating

Ссылки

CHtml

CHtml

CJuiAutoComplete

CJuiAutoComplete

Ссылки

CListView

CListView

CPortlet

CPortlet

dropDownList

dropDownList

EChosen

EChosen

Views

Model

LyightBox

LyightBox