ajax and sidebar

Archives Yii 1.0.x Discussions
1

i want to use ajax and show the information on the sidebar when a button is clicked.

the side bar is a widget portlet as described in the blog demo.

can i get some help…

2

You could do something like this.

In model:

<?php echo CHtml::ajaxLink('Approve',array('approve/article'),array(


        'type'=>'POST',


        'data'=>'id='.$model->id,


        'dataType'=>'text',


        'beforeSend'=>'function(){ pThis.append("<br/><span class="gridLinkAjaxing">Approving</span>"); }',


        'success'=>'function(msg){ pThis.replaceWith("<span class="gridLinkAjaxed">Approved</span>"); }',


        'error'=>'function(){ pThis.replaceWith("<span class="gridLinkAjaxFailed">Failed Approving!</span>"); }'),


        array('onclick'=>'var pThis=$(this);')); ?>

And in ApproveController like this:

<?php


    /**


    * Approve via ajax request


    */


    public function actionArticle()


    {


        if(Yii::app()->request->isAjaxRequest)


        {


            // we only allow approving via AJAX request


            if($model=Article::model()->findbyPk($_POST['id']))


                $model->saveAttributes(array('isApproved'=>'Yes'));


        }


        else


            throw new CHttpException(500,'Invalid request. Please do not repeat this request again.');


    }?>

The above is a working example.

Of course, you can change 

‘success’=>‘function(msg){ pThis.replaceWith("<span class=“gridLinkAjaxed”>Approved</span>"); }’,
to anything you want, like 
'success'=>'function(msg){ $('#sidebarId').replaceWith("<b>New value ;)</b>"); }',


in sidebar: <div id="sidebarId"></div>
3

if i use thos i donot need any java script file ??

4

i am new to yii

what is pThis

5

does this use jquery library

so that i have to download it.

6

Sorry guy,

Before so many questions did you check the manual? Did you try the solution? Gives you any error?

So first: RTFM!! You can search there for "ajaxLink".

So second: give it a try and see if any error.

I don't think you need to download anything (but Yii).

And "pThis" is JS (JavaScript) and represents the button object clicked (if you study a little jQuery).

Paul

7

any other options other than .replaceWith in

$('#sidebarId').replaceWith

i want to invoke a function in the sidebar to display it

8

replaceWith() is a jQuery method.

You can't call a php function (of sidebar widget) without reloading the page unless you do this using ajax.

So, what you might do is change url for ajax processing 

array(‘approve/article’)

to your widget url (a method in a controller which runs widget).

Simple echo html from the widget in the controller. And put this html into a div of your html page (inside your sidebar/widget code) with replaceWith(msg).

As you can see, 

msg

is a param of 'success'.

If this detailed description doesn't help, then search more about ajax in google.

9

i have called $this->widget('Display')  Portlet from viws/layouts main.php

so  how do i call it from the ajaxlink button???

10

Just want to say that the following should be used to replace the above:




        'beforeSend'=>'function(){ pThis.append("<br /><span class=\'gridLinkAjaxing\'>Approving</span>"); }',

        'success'=>'function(msg){ pThis.replaceWith("<span class=\'gridLinkAjaxed\'>Approved</span>"); }',

        'error'=>'function(){ pThis.replaceWith("<span class=\'gridLinkAjaxFailed\'>Failed Approving!</span>"); }'),