2011-08-02 35 views
5

我想創建一個類似於Facebook或StackExchange的通知欄。Ruby on Rails中的通知欄

我希望它顯示帶有數字的通知和帶有一些信息的下拉麪板。

enter image description here enter image description here

有人可以提供一個例子或如何建立在Ruby on Rails的或Javascript/jQuery的教程?

感謝

回答

6

它可能做一個兩個階段的過程:

  • 獲得優秀/未讀通知的計數器。在標題中顯示爲鏈接。
  • 添加一個jQuery處理程序,它將通過AJAX加載消息,無論是點擊還是懸停,具體取決於首選項。

第一部分是簡單的,你只需要調用一個方法,你的協會,如果你有一個範圍確定:

<%= link_to(@user.notifications.unread.count, user_notifications_path(@user), :class => 'notifications') %> 

下一部分涉及拼湊與jQuery的東西,也許是這樣的:

$('.notifications').click(function() { 
    $('#notifications').load(this.href); 
    return false; 
}); 

你需要有一個特定的視圖,將渲染到該#notification塊。

+0

那個視圖會先調用控制器?並顯示結果? – Immo

+0

你正在連接到一個控制器和操作對,它會呈現實際的通知,是的。您甚至可以通過單擊鏈接並檢查是否顯示正確的HTML來在沒有AJAX的情況下進行測試。 – tadman

+1

你知道我是否可以在某處找到完整的教程? – Immo