2011-08-02 34 views
5

Tôi muốn tạo Thanh thông báo tương tự như Facebook hoặc StackExchange.Thanh thông báo trong Ruby on Rails

Tôi muốn nó hiển thị thông báo bằng số và bảng thả xuống cùng với một số thông tin.

enter image description here enter image description here

Ai đó có thể cung cấp một ví dụ hay một hướng dẫn về cách tạo rằng trong Ruby on Rails hoặc Javascript/jQuery?

Cảm ơn

Trả lời

6

Nó có thể được thực hiện như một quá trình hai giai đoạn:

  • Nhận một bộ đếm thông báo nổi bật/chưa đọc. Hiển thị trong tiêu đề dưới dạng liên kết.
  • Thêm trình xử lý jQuery sẽ tải thư qua AJAX, khi nhấp hoặc di chuột tùy thuộc vào tùy chọn.

Phần đầu tiên là đơn giản, bạn chỉ cần gọi một phương pháp trên liên kết của bạn nếu bạn có một phạm vi thành lập:

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

Phần tiếp theo liên quan đến việc vá lại với nhau cái gì đó với jQuery, có lẽ như thế này:

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

Bạn sẽ cần có chế độ xem cụ thể sẽ hiển thị trong khối #notification đó.

+0

và chế độ xem đó trước tiên sẽ gọi bộ điều khiển? Và hiển thị kết quả? – Immo

+0

Bạn đang liên kết thông qua một cặp điều khiển và hành động sẽ hiển thị thông báo thực tế. Bạn thậm chí có thể kiểm tra điều này mà không cần AJAX bằng cách nhấp vào liên kết và kiểm tra xem HTML chính xác có được hiển thị hay không. – tadman

+1

Bạn có biết tôi có thể tìm hướng dẫn hoàn chỉnh ở đâu đó không? – Immo