ajax_function

Problema: Eu queria fazer uma lista, que quando eu excluísse uma linha desta lista, não recarregasse a pagina inteira, mas que apenas fosse removida a linha do item excluído.

Para isto, criei um helper, baseado no código do remote_function, onde eu posso executar uma action, sem recarregar uma pagina, e aproveitando o embalo, agreguei algumas funções de RJS.

Basta colar isto no seu application_helper:
def link_ajax(texto, options = {}, html_options = {}) link_to_function(texto, ajax_function(options), html_options) end def ajax_function(options) javascript_options = options_for_ajax(options) update = '' if options[:update] && options[:update].is_a?(Hash) update = [] update << "success:'#{options[:update][:success]}'" if options[:update][:success] update << "failure:'#{options[:update][:failure]}'" if options[:update][:failure] update = '{' + update.join(',') + '}' elsif options[:update] update << "'#{options[:update]}'" end function = update.empty? ? "new Ajax.Request(" : "new Ajax.Updater(#{update}, " url_options = options[:url] url_options = url_options.merge(:escape => false) if url_options.is_a?(Hash) function << "'#{url_for(url_options)}'" function << ", #{javascript_options})" #Foi aqui que eu alterei...ehehe function << ";"+render(:update){|page| page.visual_effect :puff, options[:remove]} if options[:remove] function << ";"+render(:update){|page| page.insert_html options[:insert_html][:position],options[:insert_html][:id],options[:insert_html][:options]; page.visual_effect :appear, options[:insert_html][:id]} if options[:insert_html] function <<textarea name='code' class='ruby'> def link_ajax(texto, options = {}, html_options = {})<br /> link_to_function(texto, ajax_function(options), html_options)<br /> end<br /> <br /> <br /> def ajax_function(options)<br /> javascript_options = options_for_ajax(options)<br /> <br /> update = ‘’<br /> if options[:update] && options[:update].is_a?(Hash)<br /> update = []<br /> update << "success:’#{options[:update][:success]}’" if options[:update][:success]<br /> update << “failure:‘#{options[:update][:failure]}’” if options[:update][:failure]<br /> update = ‘{’ + update.join(‘,’) + ‘}’<br /> elsif options[:update]<br /> update << “‘#{options[:update]}’”<br /> end<br /> <br /> function = update.empty? ? <br /> “new Ajax.Request(” :<br /> "new Ajax.Updater(#{update}, "<br /> <br /> url_options = options[:url]<br /> url_options = url_options.merge(:escape => false) if url_options.is_a?(Hash)<br /> function << “‘#{url_for(url_options)}’”<br /> function << “, #{javascript_options})”<br /> <br /> #Foi aqui que eu alterei…ehehe<br /> function << “;”<ins>render(:update){|page| page.visual_effect :puff, options[:remove]} if options[:remove]<br /> function << “;”</ins>render(:update){|page| page.insert_html options[:insert_html][:position],options[:insert_html][:id],options[:insert_html][:options]; page.visual_effect :appear, options[:insert_html][:id]} if options[:insert_html]<br /> function << “;”+render(:update){|page| page.replace_html options[:replace_html][:id],options[:replace_html][:options]; page.visual_effect :appear, options[:replace_html][:id]} if options[:replace_html]<br /> <br /> <br /> function = “#{options[:before]}; #{function}” if options[:before]<br /> function = “#{function}; #{options[:after]}” if options[:after]<br /> function = “if (#{options[:condition]}) { #{function}; }” if options[:condition]<br /> function = “if (confirm(‘#{escape_javascript(options[:confirm])}’)) { #{function}; }” if options[:confirm]<br /> <br /> return function<br /> end</p> <p>

Usando:

Vamo usar o exemplo da lista. Eu tenho uma tag table, onde todas as linhas (tr) tem um id:
<table> <tr id='”tr_#{cliente.id}”'> <td>cliente.nome</td> <td>cliente.fone</td> <td><textarea name='code' class='ruby'><table><br /> <tr id='”tr_#{cliente.id}”'><br /> <td>cliente.nome</td><br /> <td>cliente.fone</td><br /> <td><%= link_ajax “Ecluir”, {:url => {:action => ‘destroy’, :id => cliente}, :confirm => ‘Deseja excluir este cliente?’, :remove => ”tr_#{cliente.id}”}</p> </tr> </table> <p>

Percebam na linha 5, onde eu usei o link_ajax, que eu passei um hask :remove=>”tr_#{cliente.id}”, basta este parâmetro para ele remover minha linha.

Mas como eu me empolguei com esta idéia, resolvi implementar também o insert_html e o replace_html, vide exemplo:

Os hashs inser_html e replace_html tem alguns parâmetros obrigatórios:

 insert_html

 :position = pode ser :top, :bottom, :before, :after;

 :id = aqui você coloca a ID da tag onde será inserido o html;

 :options = este parâmetro você deve passar um array, com as opções para renderização;

replace_html
:id = aqui você coloca a ID da tag onde será atualizado o html;
:options = este parâmetro você deve passar um array, com as opções para renderização;

Espero que tenham gostado.

Você já testou este código no IE?
Não fiz o teste com o seu código.
Porém uso algo parecido, usando um rjs com a função replace_html
Só que no IE da erro justo onde é usada esta função, e no firefox funciona perfeitamente.
=/

Cara, acabei de testar, e funcionou beleza no IE6.

É isso ai Marcelo Júnior, já tá dando aula hen, parabéns.

Olá.
Marcelo, Pode me dizer qual versão esta usando do Rails e do Prototype?!
Pq não tive sucesso nisso.

Valeu

Opa.

Cara, está voltando algum erro? O que está acontecendo?

ps.: Estou usando o rails 1.2.3

estou enfrentando esse problema, quero fazer a mesma coisa que voce, mas soh ha essa maneira de fazer ?
[] s