Yii CCheckBoxColumn如何获取CGridView上已检查列的ID

Question

I have CGridView with CCheckBoxColum :

$this->widget('zii.widgets.grid.CGridView', array(
    'id' => 'documento-financeiro-grid',
    'dataProvider' => $provider,
    'filter' => null,
    'columns' => array(
        array(
            'id' => 'autoId',
            'class' =>'CCheckBoxColumn',
            'selectableRows' => '50',
            'checked'=>'alert('
        ),
        array(
            'name' => 'id',
            'htmlOptions' => array('style' => 'width: 50px;'),
            'headerHtmlOptions' => array('style' => 'width: 50px;'),
        ),
        array(
            'name' => 'numero',
            'htmlOptions' => array('style' => 'width: 60px;'),
            'headerHtmlOptions' => array('style' => 'width: 60px;'),
        ),
 ),
)); 

And I want show a dialog window when a row was checked, but I need to know what id of row was checked, someone can help me?

Answer 1

I'll try to write what your code would look like.

You have to write some javascript that listens on the change event for your checkboxes (this event gets triggered when checkboxes get clicked on).

I've used a jquery selector to select the checkboxes based on what column they are in (this is because your grid may have other columns with checkboxes - we don't want to touch those).

In my example code, I've assumed your checkboxes have ID's that begin with documento_financeiro-grid_c0 (this is the ID Yii gives them by default). Please change that if this isn't the case.

The row id is stored in the variable item_id and variable item_checked contains true if your checkbox was checked and false if it was unchecked.

$('#documento-financeiro-grid input[id^=documento-financeiro-grid_c0]').change(function() {
    var item_id = $(this).val();
    var item_checked = $(this).prop('checked');

    if (item_id === "1") {
        console.log('top checkbox was clicked on');
    } else {
        console.log('ID was'+item_id);
    }
});

I hope this helps.