Adding item to CGridView

Windkomo · April 25, 2011, 4:00pm

Hi, I’m new to yii and web programming.

I have a page set up like this :

-CGridView with a column containing the name of the item and another containing an ‘add’ button.

-Another CGridView, empty when you load the page

What I want to do is, when you click on the add button, the element next to the button is added to the second CGridView. How do I do that ? The items listed in the first CGridView are from a model, so I figured I should write a method in the controller linked to the said model. This is what I wrote in the controller file. (I’m kinda new to the MVC thing too.)

public function actionView(&#036;id)


{


	&#036;model = &#036;this-&gt;loadModel(&#036;id);





	if (yii::app()-&gt;request-&gt;isAjaxRequest)


    {


	echo CJavaScript::jsonEncode(array(


		'id' =&gt; &#036;model-&gt;id,


	        'nom' =&gt; &#036;model-&gt;nom,


		'critere_id' =&gt; &#036;model-&gt;critere_id,


	));


	yii::app()-&gt;end();


    }


    else


	throw new CHttpException(400,'Invalid request. This probably occured because you do not have Javascript enabled. Please enable Javascript&#33;');


}

If I get it right, this sends Javascript data containing information about the clicked element.

But how do I get it to be displayed in the separate CGridView ?

Also, if I want all items of a CGridView stocked into an array, how can I do that ?

Any help is much appreciated, thanks

trejder · April 26, 2011, 9:31am

First thing is to make sure, if you only want to display data in the next CGridView per current time or it you want to make this change permanent - i.e. change database, so any next time someone displays page, will see thing (things) added to the second CGridView?

If this is only first option, then you can use jQuery (or even pure JavaScript) to put whatever returns from your AJAX call to the second CGridView.

If this is second option, then I would suggest considering switching from AJAX call to normal page load / GET call. As contents of second CGridView must be reloaded after updating it with AJAX. Of course, this can also be done with AJAX-only - i.e. updated contents and reload CGridView only, without reloading whole page. But in my humble opinion it is much easier to do a normal GET call, update database and then - after reloading whole page - have contents of second (or both) CGridView properly updated.