Yii2 data-* attributes not rendered using GridView Column

Question

How do add data-id in below function:

GridView::widget([
    'dataProvider' => $dataProvider,
    'columns' => [
        [
            'contentOptions' => ['class' => "text-center"],
            'attribute' => 'scale',
            "format"=>"Html",
            "value"=>function($model){
                return '<div class="myClass" data-id="'.$model->id.'">'.$model->scale.'</div>';
            }
        ],
    ],
]);

Here is data-id attribute which is not shown in the browser:

"value"=>function($model){
    return '<div class="myClass" data-id="'.$model->id.'">'.$model->scale.'</div>';
}

Muhammad Omer Aslam · Accepted Answer · 2018-09-11 11:32:59Z

1

You need to change the format for the column to raw for the column

GridView::widget([
    'dataProvider' => $dataProvider,
    'columns' => [
        [
            'contentOptions' => ['class' => "text-center"],
            'attribute' => 'scale',
            "format"=>"raw",
            "value"=>function($model){
                return '<div class="myClass" data-id="'.$model->id.'">'.$model->scale.'</div>';
            }
        ],
    ],
]);

EDIT

Apart from returning the html like,

return '<div class="myClass" data-id="'.$model->id.'">'.$model->scale.'</div>';

You can use the yii\helpers\Html::tag($name,$content,$options[]) to create a div tag see below.

return Html::tag('div',$model->scale,['class'=>'myClass','data'=>['id'=>$model->id]]);

edited Sep 11, 2018 at 11:32

answered Sep 11, 2018 at 7:28

Muhammad Omer Aslam

23.9k9 gold badges47 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Yii2 data-* attributes not rendered using GridView Column

1 Answer 1

EDIT

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

EDIT

Comments

Your Answer

Sign up or log in

Post as a guest

Related