Использование will_paginate с AJAX-поиском в реальном времени с jQuery в Rails - PullRequest
Новая
       16

Использование will_paginate с AJAX-поиском в реальном времени с jQuery в Rails

3 голосов
/ 27 марта 2010

Я использую will_paginate для успешного просмотра записей. Я также использую AJAX live search через jQuery для обновления моих результатов div. Пока проблем нет. Проблема, с которой я сталкиваюсь, заключается в том, что я пытаюсь разбить эти результаты поиска на страницы. Я просто получаю «Страница загружается ...» без обновления div. Я что-то упустил? Я полагаю, что мне, возможно, потребуется каким-то образом связать событие click для ссылок на страницы через jQuery. 

# index.html.erb

  <form id="searchform" accept-charset="utf-8" method="get" action="/search">
    Search: <input id="search" name="search" type="text" autocomplete="off" title="Search location, company, description..." />      
   <%= image_tag("spinner.gif", :id => "spinner", :style =>"display: none;" ) %>  
  </form>

# JobsController#search

def search
    if params[:search].nil?
      @jobs = Job.paginate :page => params[:page], :order => "created_at desc"
    elsif params[:search] and request.xhr?
      @jobs = Job.search params[:search], params[:page]
    end
    render :partial => "jobs", :layout => false, :locals => { :jobs => @jobs }
  end

# Job#search

def self.search(search, page)
    logger.debug "Job.paginate #{search}, #{page}"
    paginate :per_page => @@per_page, :page => page,
             :conditions => ["description LIKE ? or title LIKE ? or company LIKE ?", 
               "%#{search}%", "%#{search}%", "%#{search}%"], 
               :order => 'created_at DESC'
  end

# search.js

$(document).ready(function(){

  $("#search").keyup(function() {
    $("#spinner").show(); // show the spinner
    var form = $(this).parents("form"); // grab the form wrapping the search bar.
    var url = form.attr("action"); // grab the URL from the form's action value.
    var formData = form.serialize(); // grab the data in the form
    $.get(url, formData, function(html) { // perform an AJAX get, the trailing function is what happens on successful get.
      $("#spinner").hide(); // hide the spinner
      $("#jobs").html(html); // replace the "results" div with the result of action taken
    });
  });

});

1 Ответ

0 голосов
/ 30 марта 2010

Если счетчик не скрывается, скорее всего, запрос на /search не удался - проверьте ваш log/development.log. Похоже, вы можете захотеть установить по умолчанию параметр :page, если он не предоставлен: 

page = params[:page] || 1
...