I've seen a few posts on here from people who have some working ajax code. Would you care to share it with us? Things like the view code, controller code, and any tips/hints that you had to do to get it working would be appreciated. Thanks!

hi!

is there a way to change the parent div id ("ajaxResult" in this case) after the ajax call?? from the _ajaxPartial.tpl or from another place. If i put javascript code in the partial file, it disappears .....

thanks in advance!!

hi suthern,

what i want to do is the following:

i have a list of items like that:

<div id="item1">Item 1 (associated with a link that permits the update through ajax: shows a in-place editor and update) </div>
<div id="item2">Item 2 (associated with a link that permits the update through ajax: shows a in-place editor and update) </div>


I want to add new rows through ajax, but i need to set the id of the new item (for laters updates).

Sorry, but i cant explain better......

Do you know what i mean???? It's a CRUD system but using only AJAX calls ...

Hi,this is one of the "ajax-related" code I'm working with. I'm using modalbox JS library.

What I've done it's create a helper that prints an icon with a link in each row in the listing view, and clicking it shows a modalbox that loads through ajax that item's edit form whithout leaving the listing page. It's "semi-ajax" cause after saving the form, the page reloads fully, returns to the listing view, but it's quicker than going from one page to another. I've simplified the code a lot for not being boring xD

Helper code:

function link_to_edit(&$record) {
    return $this->_controller->url_helper->link_to(
        $this->_controller->asset_tag_helper->image_tag('pencil.png'),
        array('action' => 'edit', 'id' => $record->getId()),
        array('onclick'=>'Modalbox.show(this.href, {title: this.title, width: 430}); return false;',
              'title' => $this->_controller->t('Edit '.AkInflector::humanize($this->_controller->model))));
}

The Controller's edit action ( 'device' is a model being edited in this sample ):

function edit() {
   if (!empty($this->params['device'])) { // If not device attributes are set ...
        $this->device->setAttributes($this->params['device']);
        if ($this->Request->isPost() && $this->device->save()) {
            // ... here the code with a redirect to the listing page[1]...
        }
    } else $this->layout = 'modalbox'; // ... let's show the form using modalbox.tpl layout instead of the usual layout
}

This modalbox.tpl layout could be simple like this:

<div id="page_modalbox">
<div id="content">
    <div id="modalbox_content">
        {content_for_layout}
    </div>
</div>
</div>

Of course this method can be used too with actions like add, show, destroy, whatever...

[1]You just need to find a way to keep the listing url through all this process to let the edit action go back to listing once saved. I use a parameter in the icon link that stores the listing url in base64.

Jose