How get row from cridview button click event

Yii 1.1 General Discussion
1

Hi guys.

So, i have a CButtonColumn on cgridview and need get the row selected when this button will clicked. I did this:


'click'=>'function(link,success,data)

{

										   

var test = $.fn.yiiGridView.getSelection(\'ponto_grid\');

alert(test);

}

But this only works if a row was selected.

How can i programmatically set a row selection or which other manner i could reach this objetive.

I need get the row selected to pass to my dialog to update information.

Thank you!

2

Hi.

If you check the HTML rendered by Yii, you’ll notice that the CButtonColumn cells (including the <th> header) all have the class “button-column”.

Technically the button link is a child of a <td> element, so you may try with this


var column = $(".button-column");

alert(column.index($(this).parent()));
3

Thank you very much again dude!

Ok, it´s returning the index of each row, how can i get the entire row with this index?

Thanks again!

4

Welcome man! Now you have to drill down again into the DOM. For instance:




column = $(".button-column"); // I dropped the var, not needed

clickedButtonIndex = column.index($(this).parent()); // includes the <th>

parentRow = $("table.items tr").eq(clickedButtonIndex);
5

In my alert:


alert(parentRow.toSource());

The result was:({0:#2=({}), length:1, prevObject:{length:3, prevObject:{0:#1=({}), context:#1#, length:1}, context:#1#, selector:"table.items tr", 0:({}), 1:#2#, 2:({})}, context:#1#, selector:"table.items tr.slice(1,2)"})

How can i get value of columns?

6

Hmm if you don’t actually need the row index into the table, my suggestions above are kind of worthless ;)

If what you need is values of some columns in the very same row where you clicked a button, it’s way easier:

[list=1]

[*]Out of convenience, I’d recommend adding HTML classes to the columns that you want to fetch the value of. For instance, in your CGridView columns:


$this->widget('zii.widgets.grid.CGridView', array(

    …

    'columns'=>array(

        …

        array(

            …

            'htmlOptions'=>array('class'=>'someClass'),

        )

        …

    )

));

[*]Then you simply go up two levels in the DOM (td cell, then tr row), and then down one level (td with desired class)


fetchedValue = $(this).parent().parent().children(".someClass").text();

[/list]

7

It worked!

God bless you dude!

Thank you very much.