首页 » 非技术 » Yii2的Gridview应用技巧补充

Yii2的Gridview应用技巧补充

5402 1

Yii2框架下的Gridview通常用来展示一张DB表中的数据,十分方便。这里只说一下经常要用到的一些小技巧,其实大多数官方文档都是有的,只是有可能需要在多个文档里。

自动创建的gridview示例。

1. 不显示Gridview自带的记录序列。
删除视图文件里下面这一行代码。

['class' => 'yii\grid\SerialColumn']

2.字段名称居中对齐
视图里自定义headerOptions。

"headerOptions" => ['style' => 'text-align:center;'],

3.字段值居中对齐
视图里自定义contentOptions。

"contentOptions" => ['style' => 'text-align:center;'],

4.字段不允许点击排序
视图里自定义enableSorting。

'enableSorting' => false,

5.字段不允许搜索
Search模型里rules return值去除对应值。例如去掉分类ID以及优先级两个字段的搜索功能。

class MaterialscatSearch extends Materialscat
{
    /**
     * @inheritdoc
     */
    public function rules()
    {
        return [
           //[['cat_id', 'status', 's'], 'integer'],
            [['status'], 'integer'],
            [['cat_name'], 'safe'],
        ];
    }

6.状态栏目显示对应值的中文含义
数据库里存放的是0和1,0代表禁用,1代表启用。
数据模型添加中文状态的静态数组和取值方法

class Materialscat extends \yii\db\ActiveRecord
{
	public static $allStatus = [
		'0' => '禁用',
		'1' => '启用'
	];
        ...
        public function getStatusStr()
        {
		return Yii::t('app',self::$allStatus[$this->status]);
        }

然后在视图里自定义value。

[
	'attribute' =>'status',
	'enableSorting' => false,
	'value' => 'StatusStr',   //$model->StatusStr = $model->getStatusStr();
	"headerOptions" => ['style' => 'text-align:center;width:10%;'],
	"contentOptions" => ['style' => 'text-align:center;'],
],

7.状态栏搜索变成下拉搜索样式,并且默认选中项提示为‘全部’
视图自定义filter以及filterInputOptions。

[
	'attribute' =>'status',
	'enableSorting' => false,
	'value' => 'StatusStr',
	'filter' => Materialscat::$allStatus,
	'filterInputOptions' => ['class' => 'form-control', 'id' => null, 'prompt' => '全部'],
	"headerOptions" => ['style' => 'text-align:center;width:10%;'],
	"contentOptions" => ['style' => 'text-align:center;'],
],

最终界面如下:

文章评分2次,平均分5.0

本文原始地址:https://www.tiandiyoyo.com/2017/11/somethings_about_yii2_gridview/
本站所有文章,除了特别注明外,均为本站原创,转载请注明出处来自www.tiandiyoyo.com

评论前先开启评论开关:


1 Comment

载入分页评论...