link_to_remote es un metodo que no da ActionView para poder hacer una llamada asincrona o bien, AJAX.

Si bien esta funcion es muy util, hay veces que nos podemos confundir en donde escribir el codigo que activa las animaciones segun el estado de la peticion que realizamos.

Podemos tomar tres caminos posibles:

1. Escribirlo en el la accion de controlador.
2. Escribirlo en una vista (accion.js.rjs)
3. Usar los CallBacks de link_to_remote.

Como en la mayoria de las situaciones en rails, TODO DEPENDE. Pero si es importante el DE QUE Depende.

Supongamos que tenemos la siguiente vista.

Escribir codigo en la accion del controlador.

Cuando uses esta tecnica, es solo porque necesitas referenciar el objeto que se esta manipulando. Ejemplo: Borras un objeto y quieres que use un efecto de SlideUp. El codigo quedaria asi.

1
2
3
4
5
6
7
8
def destroy

   @example = Example.find(params[:id])

   if @example.destroy

      render :update do |page|

         page[@example].visual_effect 'SlideUp'

      end

   end

end

Hay que tomar en cuenta, que para poder hacer esto, se necesita que en la vista, se haga uso del metodo “div_for” para que RJS pueda identificar el DIV.

Escribirlo en una vista

Esto viene siendo exactamente lo mismo que lo anterior, solo que se tiene mas orden.

En el directorio /app/views/controller_name/accion.js.rjs

Rails es inteligente y puede detectar que el request es de tipo XMLHttpRequest y usar la vista .js.rjs, pero seria una muy buena practica definir las acciones dependiendo del tipo de request.

Esto queda de la siguiente manera.

1
2
3
4
5
6
7
8
9
10
11
## Controlador



def accion

   @example = Example.find(params[:id])

      if @example.destroy

         respond_to do |format|

            format.js ## Con esto especificamos que cuando el request sea XMLHttpReq. Use la vista .js.rjs

            format.html{redirect_to home_path }

         end

       end #if

end

1
2
3
4
5
6
7
## Vista accion.js.rjs

 page[@example].visual_effect 'SlideUp'



## Una ventaja de usar una vista, es cuando necesitamos hacer muchas lineas que se verian mal en el  controlador. Por ejemplo:

 page << "alert('Remooved succesfully');"

 page['notice-div'].inner_html "Borrado exitosamente!"

 page['notice-div'].show

Usar los Callbacks del metodo link_to_remote

Cuando se inicia en rails y se usa link_to_remote, a veces no se sabe las opciones que te da el metodo.

Cuando se realiza un XMLHttpRequest, Ajax puede saber el estado de la transaccion. Ver el libro “Ajax on Rails” de Scott Raymond para MUCHO mas informacion.

Es de intuicion adivinar los estados que un XMLHttpReq. puede tener. A continuacion se da un boceto con el codigo que se podria usar en el metodo link_to_remote.

1
2
3
4
5
   :before => # ccion a tomar ANTES de que se realice la llamada.

   :after   => # Accion DESPUES (no importa el resultado) de la llamada.

   :success => #Accion tomada cuando la llamada Termino con estado SATISFACTORIO

   :failure => # Activado cuando la llamada termina con estado ERROR.

   :complete => # Cuando la llamada termina.

Una vez teniendo en mente esto, podemos hacer que el link_to_remote se encargue de manipular el DOM dependiendo del estado de la llamada. Esto nos ayuda a que en el controlador solo nos preocupemos por destruir el objeto y no mas! Esta a todo DAR!

Quedaria Asi:

1
2
3
4
5
6
7
<%= link_to_remote "Borrar",

       :url =>{:action=>:destroy,:id=>@example.id},

       :before => "$('loading').show()",

       :complete => "$('loading').hide()",

       :success => "$('example_#{@example.id}').hide();",

       :fail => "alert('Error! Algo paso mal');"

%>

Como conclusion podemos ver que usar los callbacks de ajax pueden ayudar mucho a que nuestro codigo quede limpio y mas facil de manejar. Tambien ayuda a la interfaz del usuario. Hay que tomar en cuenta que la aplicacion que estemos desarrollando en nuestra computadora no tendra mucho delay, pero pensando ya en un ambiente donde la aplicacion esta en vivo, las cosas cambian. Si el usuario hace click en “borrar” y no sabe que la llamada esta siendo procesada, lo puede sacar de onda y dejar la aplicacion porque piensa que ya no sirve.

Espero les haya servido. =D