¿Cómo enviar de vuelta js.haml en los carriles

Question

Tengo una carriles de crear una acción que envían de vuelta algunos jQuery en un archivo:

create.js.erb

var appearance = $("<%= escape_javascript(render(:partial => @appearance)) %>").effect("highlight", {color: '#E6ff00'}, 2000); 
$("#sortable").append(appearance); 
$("#new_appearance")[0].reset(); 

he empezado a utilizar HAML y quiero saber cómo debería convertir esto. ¿Puedo usar js.haml? En caso afirmativo, ¿cómo debería ser el marcado?

Answer 1

En realidad, devolver JS en HAML es bastante fácil, solo use el: filtro simple y encierre todo lo que desee evaluar en # {}.

:plain 
    var appearance = $("#{escape_javascript(render(:partial => @appearance)}").effect("highlight", {color: '#E6ff00'}, 2000); 
    $("#sortable").append(appearance); 
    $("#new_appearance")[0].reset(); 

No utilice el filtro: javascript ya que encerrará todo en una etiqueta que no es necesaria.

Si necesita usar algo de lógica, simplemente ponga: plain dentro de la anidación.

- if params[:printing] 
    :plain 
    $('#print-view').html("#{escape_javascript(render 'print_preview')}"); 

Lo sentimos ERB.

Answer 2

Haml's realmente significa generar HTML. Podría, en teoría, usar create.js.haml, pero ERB tiene mucho más sentido cuando escribe Javascript.

Answer 3

En un js.haml se vería algo así como

!= "var appearance = $('<%= escape_javascript(render(:partial => @appearance)) %>').effect('highlight', {color: '#E6ff00'}, 2000);" 
!= "$('#sortable').append(appearance);" 
!= "$('#new_appearance')[0].reset();" 

Nota del HAML! = Sintaxis que impide que el texto generado de ser HTML escapó. Estoy de acuerdo en que ERB se adapta mejor aquí, pero para mantener la coherencia, es posible que desee seguir el camino de HAML.

Answer 4

Parece que no necesita el! = En frente de cada línea. Lo siguiente funciona bien para mí. Estoy usando Rails 3 y la última versión de HAML

$('#comments_table_header').after('#{escape_javascript(render :partial => 'row', :locals => { :comment => @comment })}');