Yii2-GridView

1、其他都没变,URL 只显示「请求地址」(因为地址太长了不方便显示),但是同时能满足URL模糊搜索的需求

<?= GridView::widget([
    'dataProvider' => $dataProvider,
    'filterModel' => $searchModel,
    'columns' => [
        ['class' => 'yii\grid\SerialColumn'],

        'token_id',
        [
            'label' => 'url',
            'filter' => Html::activeTextInput($searchModel, 'url', ['class' => 'form-control']),
            'format' => 'raw',
            'value' => function ($data) {
                return Html::a("请求地址", $data->url);
            },
        ],
        'shop_id',
        'ip',
        'created_at:datetime',

        ['class' => 'yii\grid\ActionColumn'],
    ],
]); ?>

2、针对状态,可以下拉搜索:

<?= GridView::widget([
    'dataProvider' => $dataProvider,
    'filterModel' => $searchModel,
    'columns' => [
        ['class' => 'yii\grid\SerialColumn'],

        'user_id',
        [
            'label' => 'status', // 可选 复写
            'attribute' => 'status',
            'filter' => Html::activeDropDownList($searchModel, 'status', \common\models\Token::getStatus(), ['class' => 'form-control']),
            'value' => function ($data) {
                return \common\models\Token::getStatus()[$data->status];
            },
        ],
         'created_at:datetime',
         'expired_at:datetime',

        ['class' => 'yii\grid\ActionColumn'],
    ],
]); ?>

3、Model 里面代码:

/**
 * @return array
 */
public static function getStatus()
{
    return [
        '' => '全部',
        self::STATUS_ACTIVE => '正常',
        self::STATUS_DELETE => '删除',
    ];
}

4、控制操作

['class' => 'yii\grid\ActionColumn', 'template' => '{view} {update} {delete}'],

5、新增一个按钮:

[
    'class' => 'yii\grid\ActionColumn',
    'header' => '操作',
    'options' => ['width' => '100px;'],
    'template' => '{view} {update} {area}',
    'buttons' => [
        'area' => function ($url, $model) {
            return Html::a('<span class="glyphicon glyphicon-list"></span>', $url, [
                'title' => Yii::t('app', 'Area'),
            ]);
        }
    ],
    'urlCreator' => function ($action, $model, $key, $index) {
        if ($action === 'view') {
            return ['view', 'id' => $model->id];
        } else if ($action === 'update') {
            return ['update', 'id' => $model->id];
        } else if ($action === 'area') {
            return ['area/index', 'group_id' => $model->id];
        }
    }
]

6、根据状态动态显示按钮

[
    'class' => 'yii\grid\ActionColumn',
    'header' => '操作',
    'template' => '{export} {use}',
    'buttons' => [
        'export' => function ($url, $model) {
            if($model->status==0){
                return Html::a('导出 Excel', $url, [
                    'class' => 'btn btn-success',
                ]);
            }
            return null;
        },
        'use' => function ($url, $model) {
            if($model->status==2){
                return Html::a('投入使用', $url, [
                    'class' => 'btn btn-info',
                    'data' => [
                        'confirm' => "确认要投入使用吗?",
                        'method' => 'post',
                    ],
                ]);
            }
            return null;
        },
    ],
],

 7、checkbox同ajax的实现

 <?= GridView::widget([
        'layout' => "{items}<div class='row'>
		    <div class='btn-group col-md-3'>
		      <button class='btn btn-warning' id='selection_all'>全选</button>
		      <button class='btn btn-default' id='delete_select'>删除</button>
		    </div>
		    <div class='col-md-7' style='margin-top:-20px'>
		    {pager}</div>
            </div>
		    ",
        'dataProvider' => $dataProvider,
        'pager'=>[
            'firstPageLabel'=>"首页",
            'prevPageLabel'=>'上页',
            'nextPageLabel'=>'下页',
            'lastPageLabel'=>'尾页',
        ],
        'columns' => [
            ['class' => 'yii\grid\CheckboxColumn',
            'checkboxOptions' => function($model, $key, $index, $column) {
                return ['value' => $model->id];
            }],
            
            'subject',
            ['attribute'=>'推送时间', 'value'=>function($model){
                return date('Y-m-d H:i:s', $model->created_at);
            }],

            ['header' => '操作', 'class' => 'yii\grid\ActionColumn'],
        ],
    ]); ?>

  

<?php 
$this->registerJs("
	$('#w0 table th,#w0 table td').css({'text-align':'center'});
    $('#selection_all').click(function(){
        $('input[name=selection_all]').click();
    });

    $('#delete_select').click(function(){
        var selection = $('#w0').yiiGridView('getSelectedRows');
        if(selection.length==0){
            alert('未选中');
            return false;
        }else{
            if(confirm('您确定要删除选中项吗?')){
                $.post('".Url::to(['ajax-delete-select'])."', {selection:selection});
                location = location;
            }
        }
    });

", \yii\web\View::POS_END);
?>

  

posted @ 2015-12-23 09:59  tiandi2050  阅读(386)  评论(0编辑  收藏  举报