How it is possible to apply selected class on rows when GridView checkbox checked?
How it is possible to apply selected class on rows when GridView checkbox checked?
Again ![]()
You may use this :
http://www.yiiframework.com/doc-2.0/yii-grid-checkboxcolumn.html#$checkboxOptions-detail
For example :
‘checkboxOptions’ => function($model, $key, $index, $column) {
// whether checked is boolean
if ($model->checked) {
return [‘class’ => ‘myClass’];
} else {
return [‘class’ => ‘otherClass’];
}
}
Do you use it?
No it is not answer of my question,I want to apply a css background class on the row when I select a checkbox.
You may use jquery for it.
For example :
$('.checkbox').click (function(){
var thisCheck = $(this);
if ( thischeck.is(':checked') ) {
thischeck.parent().addClass('succcess');
} else {
thischeck.parent().removeClass('succcess');
}
});
Bind an onClick event to the checkbox something like:
$('#myCheckBox').click(function(e){
if ($(this).is(':checked')){
$(this).parent().parent().addClass('classForRow');
} else {
$(this).parent().parent().removeClass('classForRow');
}
})
Obviously the exact code around (.parent()) will depend on your DOM structure.
Thank you so much.