是否可以隐藏Yii2列? [英] Is it possible to hide column Yii2?

查看:223
本文介绍了是否可以隐藏Yii2列?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

在Yii2中我们有这样的GridView:

In Yii2 we have GridView like this:

<?= GridView::widget([
        'dataProvider' => $dataProvider,
      //  'filterModel' => $searchModel,
        'layout' => "{items}\n{summary}\n{pager}",
        'columns' => [
         //   ['class' => 'yii\grid\SerialColumn'],

            'id',                
            'size',               
            'program' => [

                'label' => 'Program',
                'value' => function($data)
                    {
                       return Html::a($data->program, ($data->program), ['target' => '_blank']);
                    },
                'format' => 'raw',

            ],

             'version',
             'platform',                 
             'license',                

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

是否可以隐藏/显示列,如果我们点击,例如按钮隐藏平台,然后用于展示展示平台,或者也许是复选框。

Is it possible to do to hide/show column, if we click, for example on button "Hide platform", then for show "Show platform", or maybe checkbox.

我无法理解如何做到这一点,请帮助我

I cannot understand how to do this, help me please

推荐答案

你可以这样做:
- 命名你想要处理的列,例如一个ID

You can do something like this: - Name the column you want to handle, e.g. an ID

[
    'class'          => 'yii\grid\SerialColumn',
    'options' => [ 'id' => 'serial-column' ],
    'width'          => '1%',
    'vAlign'         => 'middle',
    'hAlign'         => 'right',
]




  • 然后你修改css以使该列在开头消失

    • Then you modify css to have that column disappeared at the beginning

      #serial-column {display:none}

      然后你为一个复选框应用js使它出现:

      Then you apply js for a checkbox to make it appear:

      jQuery('#some-chkbox' ).click(function(){
      jQuery('#serial-column')。toggle();
      })

      jQuery('#some-chkbox').click(function(){ jQuery('#serial-column').toggle(); })

      这篇关于是否可以隐藏Yii2列?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆