Display Record After Add In Db [Ajax]

Yii 1.1 General Discussion
1

Hello,

I have ajaxSubmitButton :


 echo CHtml::ajaxSubmitButton(

                'skomentuj', array('task/reqTest03'), array(

            'update' => '#req_res02',

                )

        );

And function:


 public function actionReqTest03() {

        if (isset($_POST['comment'])) {

            $modelMess = new Message;

            $modelMess->created = new CDbExpression('NOW()');

            $modelMess->user_id = Yii::app()->user->getId();

            $modelMess->task_id = $_POST['task_id'];

            $modelMess->text = $_POST['comment'];

            $modelMess->hour = date('H:i:s');

            $modelMess->save();

            echo CHtml::encode(print_r($_POST['comment'], true));

        }

    }

foreach :


<?php foreach ($model->messages as $messages) { ?>

            <br><span style="color:green;font-weight:bold;"><?php echo CHtml::encode($messages->user->name); ?></span>&nbsp;&nbsp

            <span style="color:rgb(58, 98, 124);font-weight:bold;">(<?php echo CHtml::encode ($messages->created); ?>,</span>&nbsp;

            <?php echo CHtml::link('<div id="deletetask" style="margin-left:300px;margin-top:-17px;"></div>', array('task/DeleteMessage', 'id' => $messages->id)); ?>

            <span style="color:rgb(58, 98, 124);font-weight:bold;"><?php echo CHtml::encode ($messages->hour); ?>)</span><br>

            <?php echo $messages->text; ?><br>

            

        <?php } ?>

When i add new message, all save in db. But how i can displaying this message in page, without reloading the side? AJAX METHOD.

2

I think that you’ll need to handle response ajax

with a js function, passing reference to $ajaxOptions array

of your ajaxSubmitButton. So you can update your span or div

with new message.

3

you have some example?

4 



<script language="javascript">

	function successASB(data)

	{

		$('#req_res02').html(data);

	}

</script>


<?php

 echo CHtml::ajaxSubmitButton(

                'skomentuj', array('task/reqTest03'), array(

            		'success' => 'successASB',

                )

        );

?>

<div id="req_res02"></div>

Remember to handle update of req_res02 in success function.

If you have to display last post, for example, you need to return

a json array from request to handle data correcly.

5

Your example doesn’t works, div not reloading.

6

Have you check problem with firebug (console) ?

7

maybe div is reloading, but when i add new message, older text hide, and new text show.

example:


user (date)

message message message

 

user2 (date)

message message message 


user3 (date)

message message message

<div id="req_res02">There is reloading message in textField</div>

but when i write new message, this reloading message delete and put new message. I need displaying that:


user (date)

message message message

 

user2 (date)

message message message 


user3 (date)

message message message


<div id="req_res02">

user4 (date)

message message message

And when i add new message div add message inside.

8

Your function return only last record inserted.

So you can try only update div :




<script language="javascript">

        function successASB(data)

        {

                var existingData = $('#req_res02').html();

                $('#req_res02').html(existingData+data);

        }

</script>
9

Ok, now this add and reloading message, but how i can add text message + user + date inside? or how loading record in datebase last adden?

10

With this function you are already viewing the list of previous messages with the last inserted

11

Yes, but, in "req_res02" is only "text" message

12

In req_res02 you have result of calling action. If you output

also field that you need, you can complete your div.

13

Thx, i render now all $_POST in my DIV = "req_res02".