Ajax를 사용하여 이벤트를 업데이트하는 방법

Question

hiii 레일스의 새로운 소식입니다. 이벤트라는 모델이 있으며 오늘의 이벤트, 지난 이벤트 및 향후 이벤트가 있습니다. 인덱스 페이지에서 내 이벤트의 수를 표시하고 있습니다. 아약스를 사용하여 카운트를 업데이트하여 내 페이지가 깜박 거리지 않도록하고 싶습니다.

컨트롤러에 대한 내 코드는 다음과 같습니다

def index 
    case params[:view] 
    when 'past' 
    @events = Event.find (:all, :conditions => ['start_date < ?', current_date], :order => 'start_date') 
    when 'today' 
    @events = Event.find (:all, :conditions => ['(start_date = current_date)'], :order => 'start_date ') 
    when 'upcoming' 
    @events = Event.find(:all, :conditions => ['start_date > ?', current_date], :order => 'start_date') 
    else 
    @events = Event.all 
    end 
end 

및 뷰에 대한 코드는 다음과 같습니다,

여기

%li 
    - if params[:controller] == "brands" 
     %a.tt-top-center{:title => "Total approvals pending"}#{Brand.all.size} 
     %span Past Brands 
    - elsif params[:controller] == "events" 
     %a.tt-top-center{:title => "upcoming Events", :href => events_path(:view => "upcoming") }#{Event.count_upcoming} 
     %span Upcoming Events 



    %li 
    - if params[:controller] == "brands" 
     %a.tt-top-center{:title => "Total approvals pending"}#{Brand.all.size} 
     %span New Brand 
    - elsif params[:controller] == "events" 
     %a.blue.tt-top-center{:title => "past Events", :href => events_path(:view => "past") }#{Event.count_past} 
     %span Past Events Blockquote 

내 카운트 기능은 현재, 과거와 앞으로의 사건의 수를 표시 할 수 있지만, 나는 ajax를 사용하여 업데이트하고 싶다. 전문가의 도움을 받으십시오

Answer 1

먼저 업데이트하려는 부분에 코드를 정의하고 javascript click 이벤트에서이 메소드를 호출하십시오.

는 부분 이름이

def action 
    #your logic 

    render :partial => "events/update_event" ,:layout => false 
end 

이벤트는 부분 넣어하는 디렉토리입니다 컨트롤러에서

<div id ="left"><%=render :partial => "update_event"%></div> 


     function remove_im_address(id) { 


     var container = $("#left"); 
     $.ajax({ 
      url: '/your controller/action', 
      type: 'get', 
      dataType: 'html', 
      processData: false, 
      success: function(data) { 
      container.html(data); 

     } 
     }); 
    } 

_update_events.html.erb입니다 supose.

그리고이 방법으로 만 페이지의 특정 사업부를 업데이트하고 즐길 수 있습니다 .........

Answer 2

은 그냥 index.js.haml 파일을 만들고 거기에 다음 줄을 추가 :

$("event").update("#{escape_javascript(render(@event))}"); 

을

그것은 나를 위해 일하고있다.