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);
?>