Adding an event to the checkbox in CgridView in yii

Question

I have added check box to each row in cgridview, and a button Delete Selected to delete the selected rows, now what i want to do is until a check box is checked, disable the Delete Selected button, how do i do this.? Here is the code of my admin view:

<?php
$form = $this->beginWidget('CActiveForm', array(
        'id' => 'account-form',
        'action' => array('site/DeleteMultiple'),
        'enableAjaxValidation' => true,
));

 $this->widget('zii.widgets.grid.CGridView', array(
    'id'=>'assign-grid',
    'dataProvider'=>$model->search(),
    'selectableRows' => 2,
    'filter'=>$model,
    'columns'=>array(
        array(
            'id' => 'id',
            'class' => 'CCheckBoxColumn',
        ),
        array(
            'name'=>'username',
            'value'=>'$data->user->username',
        ),
        array(
            'name'=>'Firstname',
            'value'=>'$data->user->firstname',
        ),
        array(
            'class'=>'CButtonColumn',
        ),
    ),
)); ?>
<div id="submit-button" style="display:none">
<?php 
echo CHtml::SubmitButton('Delete Selected', array('class' => 'button')); 
?>
</div>
<?php $this->endWidget();?>

Kumar V · Accepted Answer · 2014-01-25 11:29:33Z

3

Change your button as below

echo CHtml::SubmitButton('Delete Selected', array('class' => 'button','disabled'=>'true'));

Then add a JS function:

$("#assign-grid input[type=checkbox]").click(function()
{
   if($("#assign-grid").find("input:checked").length >0)
      $(".button").removeAttr("disabled");
   else
      $(".button").attr("disabled","true");
});

answered Jan 25, 2014 at 11:29

Kumar V

8,8289 gold badges44 silver badges60 bronze badges

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

2 Comments

Kumar V Over a year ago

when you click on any checkbox(line 1), 3rd line code will count the checkboxes which are all checked.

Criesto Over a year ago

it is not working the button is being shown (disabled) but after clicking on any checkbox it is not getting enabled..what might be wrong?

saravankg · Accepted Answer · 2014-01-25 11:32:53Z

2

just try this, create a jQuery / javascript function for show the div and call it in onclick of the check box

Like this

array( 'id' => 'id', 'class' => 'CCheckBoxColumn', 'onclick' => 'fn_onclick()' ),

answered Jan 25, 2014 at 11:32

saravankg

9111 gold badge11 silver badges22 bronze badges

2 Comments

Criesto Over a year ago

It is giving an error Property "CCheckBoxColumn.onclick" is not defined.

saravankg Over a year ago

please try this array( 'id' => 'id', 'class' => 'CCheckBoxColumn', 'htmlOptions'=>array('onclick'=> 'fn_onclick()')),

Collectives™ on Stack Overflow

Adding an event to the checkbox in CgridView in yii

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related