Yii CGridView button - call parametrized javascript function

Question

I need to create a CGridView with one button and make the button call javascript function like this:

$this->widget('zii.widgets.grid.CGridView', array(
    'id' => 'projectCities',
    'summaryText' => '',
    'dataProvider' => $model->getCitiesProvider(),
    'columns' => array(
        'name',
        'directional',
        'customCount',
        array(
            'class'=>'CButtonColumn',
            'template'=>'{delete}',
            'buttons' => array(
                'delete' => array(
                    'url' => '',
                    'click' => '',
                    'options' => array(
                        'onclick' => 'removeCity(this, $data->idCity, 
                                      $model->idProject); return false;',
                    ),                          
                )
            ),
        )
    ),
    ));

Ofcourse it's not working, because the generated html is:

<a class="delete" title="Delete" onclick="removeCity(this, $data->idCity, $model->idProject); return false;">

Is there a way to do it so there will be proper id in the javascript function call?

cetver · Accepted Answer · 2013-03-25 13:29:50Z

2

//Controller:
public function gridButtons($model)
{   
    return array(
        'class'=>'CButtonColumn',
        'template'=>'{delete}',
        'buttons' => array(
            'delete' => array(
                'url' => '',
                'click' => '',
                'options' => array(
                    'onclick' => sprintf(
                        'js:removeCity(this, %d, %d);return false;',
                        $model->idCity, $model->idProject
                    ),
                ),                          
            )
        ),
    )
}
//view
$this->widget('zii.widgets.grid.CGridView', array(
    'id' => 'projectCities',
    'summaryText' => '',
    'dataProvider' => $model->getCitiesProvider(),
    'columns' => array(
        'name',
        'directional',
        'customCount',
        array(            
            'value' => array($this, 'gridButtons'),            
        ),        
    ),
));

edited Mar 25, 2013 at 13:29

answered Mar 25, 2013 at 12:50

cetver

11.9k6 gold badges42 silver badges59 bronze badges

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

4 Comments

Joe Over a year ago

You cannot define 'data-city-id' => $data->idCity - it will show you error Undefined variable: data

Joe Over a year ago

Good work. It is pretty close I guess. I have the problem with $model->idProject. I guess it's because Cities and Projects tables are related with many-to-many relationship. So I'm getting Property "Cities.idProject" is not defined.. I tried to access the table using ORM: $model->projects->idProject but I got Trying to get property of non-object error. That is weird - if there was no project assigned to the city - it wouldn't appear.

cetver Over a year ago

$model->projects is array. Inside gridButtons check if empty $model->projects and is not you can access it $model->projects[0]->id

Joe Over a year ago

I tried that to, but it says htmlspecialchars() expects parameter 1 to be string, array given

Michael Härtl · Accepted Answer · 2013-03-26 08:07:58Z

0

You can use double quotes to activate variable replacement in your string:

'onclick' => "js:removeCity(this, {$data->idCity}, {$model->idProject}); return false;",

edited Mar 26, 2013 at 8:07

answered Mar 25, 2013 at 15:38

Michael Härtl

8,6235 gold badges40 silver badges67 bronze badges

4 Comments

Joe Over a year ago

It will result in syntax error - you cannot do sth like ${data->idCity} (-> will be unexpected).

Michael Härtl Over a year ago

@Joe: That's not true. Please read the section "Complex (curly) syntax" on this page: php.net/manual/en/language.types.string.php. EDIT: Fixed the typo: the $ must be inside the {}.

Joe Over a year ago

I agree you won't get syntax error when move $ in between {} but then - you will get Undefined variable: data error. I checked it :)

Michael Härtl Over a year ago

Oh, right. The variables are only availabel for some of the properties, mainly the URL related.

zaman · Accepted Answer · 2013-03-28 21:18:25Z

I facing this problem and also solve this.May be your problem is going to 'option' array close after 'click' parameter where js function have staying.But 'option' array close before 'click' parameter below this way.Please see this,may be this solve problem are help to you.

$this->widget('zii.widgets.grid.CGridView', array(
'id' => 'projectCities',
'summaryText' => '',
'dataProvider' => $model->getCitiesProvider(),
'columns' => array(
    'name',
    'directional',
    'customCount',
    array(
        'class'=>'CButtonColumn',
        'template'=>'{delete}',
        'buttons' => array(
            'delete' => array(                      
       'url'=>'$data->id',
       'visible'=>'true',
       'options'=>array('class'=>'viewbtns'),
       'click'=>'js: function(){ viewProfile((this).attr("href"),"openDialog" ); return false; }',

            )
        ),
    )
),
));

Collectives™ on Stack Overflow

Yii CGridView button - call parametrized javascript function

3 Answers 3

4 Comments

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related