link_to remote=>true, nicht die Aktualisierung mit ajax

Verwendung von rails3-und Prototyp - (rails.js)

Habe ich eine einfache Liste der Produkte mit edit-und delete-links als Bilder.
Beim löschen eines Produkts, wird die Liste nicht aktualisiert. Aktualisierung der Seite zeigt, dass das Produkt wurde tatsächlich gelöscht.

/app/views/Produkte/Liste.rhtml

<div id="product_list">
  <%= render :partial => 'list'  %> 
</div>

/app/views/products/_list.rhtml

<%= link_to image_tag("delete.png"), { :controller => 'products', :action => 'destroy', :id => product }, :method => :delete, :confirm => "Are you sure?", :remote => true %>

/app/controllers/Produkte.rb

  def destroy
    Product.find(params[:id]).destroy
    @products = Product.all
  end

/app/views/products/zerstören.rjs (nicht sicher, was zu tun...)

$(document).ready(function() {
    $("#product_list").html("<%= escape_javascript( render(:partial => "list") ) %>");
});

Also die remote-Verbindung scheint zu funktionieren.
Ich bin mir nicht sicher über die Verwendung der ajax-callback update #product_list

Habe ich Folgendes im Kopf der Seite:

$(document).ready(function(){
  $('#product_list').bind("ajax:success", function(evt, data, status, xhr){
      alert('hello');
    })
});

Aber es ist nicht ausgeführt (das ist wahrscheinlich nicht ein Gültiger code für Prototyp) und ich möchte nicht wissen, was sowieso code, um im inneren, so dass meine Liste wird aktualisiert, nachdem er ein Produkt

Jede Hilfe (außer "jQuery") wird sehr geschätzt!

BEARBEITEN: Hier ist der server-log für die Aktion löschen (nach zog ich die javascript-oben zu zerstören.js.erb)

Started POST "/products/destroy/3" for 127.0.0.1 at .....
Processing by ProductsController#destroy as JS
Parameters: {"_"=>"", "id"=>"3"}
[1m[36mProduct Load (0.0ms)[0m  [1mSELECT `products`.* FROM `products` WHERE (`products`.`id` = 3) LIMIT 1[0m
  [1m[35mSQL (0.0ms)[0m  BEGIN
  [1m[36mSQL (0.0ms)[0m  [1mDELETE FROM `products` WHERE (`products`.`id` = 3)[0m
  [1m[35mSQL (78.1ms)[0m  COMMIT
  [1m[36mProduct Load (0.0ms)[0m  [1mSELECT `products`.* FROM `products`[0m
Rendered products/destroy.js.erb within layouts/standard (31.2ms)
Completed 200 OK in 312ms (Views: 62.5ms | ActiveRecord: 78.1ms)

Verarbeitung von ProductsController#zerstören JS also die remote-Verbindung funktioniert

[36mProduct Laden (0.0 ms)[0m [1mSELECT products. VON products* Die @Produkte = Produkt.alle ausgeführt

Gerendert products/zerstören.js.erb in layouts/standard die javascript-fie gerendert wird

So, jetzt denke ich, es ist ein problem mit dem javascript-code:

$(document).bereit(Funktion() {
$("#product_list").html("<%= escape_javascript( render(:partial => "Liste") ) %>");
});

Ist diese Art von code unterstützt von prototype? Ich glaube nicht, verwenden jQuery...

InformationsquelleAutor | 2010-12-09

ajax ruby-on-rails-3

23

Fand die Antwort auf meine eigene:

/app/controllers/Produkte.rb
```
  def destroy
    Product.find(params[:id]).destroy
    @products = Product.all
    respond_to do |format|
        format.js { render :layout=>false }
    end
  end
```
/app/views/products/zerstören.js.erb
```
$("product_list").update("<%= escape_javascript(render(:partial => "list")) %>");
```
Warum gibt es KEIN tutorial, code-Beispiel oder alles, was klar über das ajax-Ding in rails3?
Ich war die Verwendung der code-Teile aus 5 verschiedenen blogs, Foren und wirft, und mischen Sie alles zusammen, bis ich die richtige Kombination... seufz
- Ich bin auf der Suche für ein tutorial oder ein Beispiel zu, aber nichts gefunden, was hilfreich auf dem "offiziellen" Schienen-Websites. Ich gebe deinen code ein try ..
- Meinst du, dass die Zeile { render :layout=>false } hat den trick ? Ich hatte das gleiche problem auch und diese verwendet , aber es hat nicht funktioniert. Hier ist ein link zu meiner Frage : stackoverflow.com/questions/11635711/... . Sehen Sie, wenn Sie können helfen, entdecken was ich falsch mache. Vielen Dank für Ihre Zeit
InformationsquelleAutor

auf repecmps Linien,

legen Sie einfach :content_type zu stellen einen Teil der heruntergeladenen Inhalte, wie diese:

format.js { render :layout=>false, :content_type => 'application/javascript' }

mit Teil repecmps Antworten:

def destroy
  Product.find(params[:id]).destroy
  @products = Product.all
  respond_to do |format|
      format.js { render :layout=>false, :content_type => 'application/javascript' }
  end
end

/app/views/products/destroy.js.erb:

$("product_list").html("<%= escape_javascript(render(:partial => "list")) %>");

und ich fand diese zu Nacht.

InformationsquelleAutor Bruno Guerra

1

Ich denke, Ihr zerstören-Aktion ist zu viel zu tun, denn es ist die Zerstörung des Produkts und eine Liste mit allen Produkten. Sie könnten etwas tun wie:

/app/controllers/Produkte.rb
```
class ProductsController < ApplicationController
  respond_to :html, :js

  def destroy
    @product_id = params[:id]
    Product.find(@product_id).destroy
    respond_with do |format|
      format.html { redirect_to posts_path }
    end
  end
end
```
/app/views/products/zerstören.js.erb
```
$("#product_<%= @product_id %>").remove()
```
Solange Ihr Produkt element in der index so etwas wie dom_id, hier ein Beispiel:
```
<ul id="products">
  <% @products.each do |product|
    <li id=<%= dom_id product %>>...</li>
  <% end %>
</ul>
```
Diese Weise Ihr zerstören-Aktion wird nur zur Zerstörung der beabsichtigte Produkt, und wenn der client kein JS es fallback-HTML-Anfrage, die Umleitung zu dem Produkte-index wird entsprechend aktualisiert werden.

InformationsquelleAutor Zamith
0

Hum... ich werde versuchen, Ihnen zu helfen.

Sind Sie sicher, dass nach dem Klick auf den link löschen, wird die Anfrage so behandelt, als JS ?
Überprüfen Sie auf der log.

Ist Sie die Datei "app/views/products/zerstören.rjs" dargestellt wird ?

Rjs existiert nicht mehr in rails3. Der neue name ist UJS.

Versuchen, benennen Sie die Datei um destroy.js.{haml oder erb}

Ist es besser ?
- Hallo, Sie können werfen Sie einen Blick auf das edit oben. Je ajax und js.erb ausgeführt und gerendert werden. Könnte ein problem mit der js-code
InformationsquelleAutor Arkan

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.