Wie löst man Ereignisse nach Abschluss einer Best_in_place-Bearbeitung aus?

Question

Auf der Show-Seite zeige ich eine Liste von Daten des Auftretens eines periodischen Ereignisses an, und berechnete Statistiken über alle Daten wie Max., Min. Und Durchschnittsintervall zwischen aufeinanderfolgenden Daten.

Ich benutze das Juwel "best_in_place", um eine direkte Bearbeitung der Daten zu ermöglichen. Jedes Mal, wenn ein Datum geändert wird, müssen die Statistiken jedoch vom Server berechnet und erneut gerendert werden.

Wie hook 'ich eine Callback-Funktion zum Abschluss der Best_in_place-Bearbeitung, so dass die Statistiken neu gerendert werden können?

Das ist mein Rails-Code in show.html.erb

<td id="event_date"> 
    <%= best_in_place @event, :occur_date %> 
</td> 

, die in html ist

<td id="event_date"> 
    <span class='best_in_place' id='best_in_place_event_132_occur_date' data-url='/events/132' data-object='event' data-attribute='occur_date' data-type='input'>2012-03-23</span> 
</td> 

ich folgende Kaffee Skriptcode versucht:

jQuery -> 
$("#best_in_place_event_*_occur_date").live 'ajax:complete', (evt, data, status, xhr) -> 
    alert "a date has changed" 

Diese doesn Es scheint zu funktionieren, passiert nichts, nachdem ich ein Datum bearbeitet habe (vorkommendes Datum).

Wer weiß, wie ich ein Ereignis nach einer erfolgreichen Best_in_place-Bearbeitung auslösen sollte?

Answer 1

Nun, es sieht so aus, als ob best_in_place das ajax: success-Ereignis in seiner loadSuccessCallback korrekt auslöst. Das heißt, Sie sollten Ihre eigenen Funktionen mit einigen jQuery an das geänderte Ereignis binden können.

$(".best_in_place").live 'change', (event) -> 
    alert "Hello, World!" 

Answer 2

wie für Ihr Beispiel:

<td id="event_date"> 
    <%= best_in_place @event, :occur_date, :classes => 'bip_date' %> 
</td> 

$('.bip_date').bind("ajax:success", function(){ 
alert("a date has changed") 
}); 
// or: $('.event_data .best_in_place').bind(...)  

Und von den official readme:

Das 'Ajax: Erfolg' Ereignis auf Erfolg ausgelöst wird.

Verwenden binden:

$('.best_in_place').bind("ajax:success", function() 
{$(this).closest('tr').effect('highlight'); }); 

einen Rückruf zu binden, die zu einem bestimmten Bereich spezifisch ist, verwenden Sie die Option ‚Klassen‘ in der Hilfsmethode und dann zu dieser Klasse binden.

<%= best_in_place @user, :name, :classes => 'highlight_on_success' %> 
<%= best_in_place @user, :mail, :classes => 'bounce_on_success' %> 

$('.highlight_on_success').bind("ajax:success", function(){bip_date}); 
$('.bounce_on_success').bind("ajax:success", function(){$(this).closest('tr').effect('bounce'));});