Как реализовать Ajax поиск в Rails?

Question

[Данила Зайцев]

Здравствуйте, имею следующий код

<%= form_tag ads_path, :method => 'get' do %>
	<%= label_tag("Поиск по тексту:") %>
    <%= text_field_tag :search, params[:search] %>
    <br/>
	<a class="btn btn-success"><%= submit_tag 'найти', :name => nil %></a>
<% end %>

В принципе поиск по кнопке работает нормально, необходимо прикрутить "живой поиск", начал искать, гуглить, в основном везде ссылаются на 240 эпизод railscaste, но есть одна проблема, там используется render паршила, который сейчас не работает в Assets. Подскажите, как же реализовать сейчас этот, всем полюбившийся "живой поиск"?

Заранее спасибо!

Answer 1

[Viktor Vsk]

render паршила, который сейчас не работает в Assets.

Что это такое?
Если вы про action.js.erb, то все прекрасно работает, смотрите, почему не работает у вас.

Comments

[Данила Зайцев]

Если делать все как в скринкасте 240м, то там в файле Index.js.erb есть такой момент "(render("products"))". Сейчас этот render не работает в assets. Вот я и пытаюсь узнать, что сейчас нужно сделать, чтобы написать этот live search

[Viktor Vsk]

Jukeboxx: я ж вам и написал, что с *.js.erb все работает. И спросил, что вы подразумеваете под "не работает в Assets" ?
если вы заметили, то файлы *.js.erb находятся не в ассетах, хоть и выглядят как скрипты джаваскрипта.

Это просто точно такой же view, как и html, только js. И еще особенность в том, что он не просто отображается в браузере при рендеринге (как index.html.erb, например), а сразу же передается на выполнение ujs (unobstructive javascript, рельсовская js библиотека)

[Данила Зайцев]

Виктор Выскребенцев: вы предлагается просто из assets перетащить данный файл в views?

[Viktor Vsk]

Jukeboxx: Это не я так предлагаю. Это Rails так предлагает. Собственно, 240 скринкаст рейлс кастс - в том числе.

products/index.js.erb
$("#products").html("<%= escape_javascript(render("products")) %>");

products/_products.html.erb
<%= hidden_field_tag :direction, params[:direction] %>
<%= hidden_field_tag :sort, params[:sort] %>
<%= will_paginate @products %>

Думаю, последний вариант вы не подумали положить в assets, верно ? Так почему же с первым решили?
Будьте внимательнее.

[Viktor Vsk]

Jukeboxx: /views/controller/action.js.erb

[Viktor Vsk]

Jukeboxx: точнее, я бы даже сказал так:
/views/controller_name_plural/action_name_single.request_format.template_engine_handler
и никаких index.js.coffee.erb - много процессоров (и кофе и ерб)

[Данила Зайцев]

Виктор Выскребенцев: не могу понять, как нам сейчас до этого файла прописать путь? потому что в подгружаемых он не находит его, а живой поиск не работает(

[Viktor Vsk]

Jukeboxx: этот пусть не надо никуда прописывать. файл index.js.erb должен лежать там же, где и index.html.erb.
Обращаться нужно в формате js, а не html
А работоспособность проверять не по работе "живого поиска" или "подгружаемым файлам", а смотреть во вкладке Network в консоли браузера.

Возможно, вам не хватает параметров format: :js или remote: true в form_for
Возможно еще что. Если по тому действию которое вы ждете (ввод букв в инпуте, как я понимаю), ничего не происходит - смотрите в консоли браузера (Console и Network) и сюда уже ошибки пишите.

[Данила Зайцев]

Виктор Выскребенцев: Господи, спасибо Вам огромное, разобрался вроде с горем пополам :D

Answer 2

[Сергей Краснодемский]

Прочтите для понимания.
А потом посмотрите аналогичный вопрос.

Comments

[Данила Зайцев]

Там тоже написано, что index.js.erb Должен содержать код, в котором присутствует render. Я где-то прочитал, что с 3.1 вроде не используется данное слово. Мне же выдает ошибку "undefined method `render'" я изначально с ней и не знал как бороться=)

[Сергей Краснодемский]

ок, приложите весь ваш код, как в аналогичном вопросе, разберемся

[Данила Зайцев]

Ниже ответил, тут текст не редактируется)

[Сергей Краснодемский]

для form_tag хелпера добавьте опцию remote: true

Answer 3

[Данила Зайцев]

index.html.erb

<%= form_tag ads_path, :method => 'get', :id => "ads_search" do %>
    	<%= label_tag("Поиск по тексту:") %>
    <%= text_field_tag :search, params[:search] %>
    <br/>
	<a class="btn btn-success"><%= submit_tag "Найти", :name => nil %></a>
<% end %>
<br/>
<div id="ads">
	<%= render 'ads' %>
</div>
<%= will_paginate @posts%>

index.js.coffee.erb

$('#ads').html('<%= escape_javascript(render 'views/ads/ads') %>');

_ads.html.erb

<h1>Список объявлений</h1>

<table>
	<% @ads.each do |ad| %>
		<h2><%= link_to ad.title, ad %></h2>
		<%= ad.text %><br/>
		<strong>Город: </strong><%= ad.city.name %><br/>
		<strong>Дата публикации: </strong><%= ad.created_at %>
	<% end %>
</table>

ad.rb

class Ad < ActiveRecord::Base
  belongs_to :city
  attr_accessible :title, :text, :number, :published_date, :city_id
  
	def self.search(search)
	  if search
	    where('text LIKE ?', "%#{search}%")
	  else
	    Ad.all
	  end
	end

end

ads_controller.rb

def index      
    @ads = @ads.paginate(:page => params[:page], :per_page => 50).order("created_at desc").search(params[:search])    
  end

application.js

//= require jquery
//= require jquery_ujs
//= require_tree .
$(function () {
      // Search form.
      $('#ads_search input').keyup(function () {
      $.get($('#ads_search').attr('action'), ↵ 
        $('#ads_search').serialize(), null, 'script');
      return false;
      });
    });

Вроде все те файлы, что были в примере том указал.