1

我对使用 ruby​​ 编程相当陌生。我正在尝试使用 AJAX 创建 Livesearch，但让我很头疼。基本思想是，当用户创建一个节点时，可以存储相同的：创建它的用户的信息，父节点等。为此，我做了一个实时搜索，用户输入父节点的 ID并且该节点对应的用户数据会自动出现。然后，在同一个视图中，我想创建节点。到目前为止，我有以下代码，我没有工作。

我想要这样的东西：


（来源：subeimagenes.com）

问题：

  1. AJAX 不工作，我确定我忘记了一些重要的事情

  2. 不知道如何传递值“parent_id”（_users.html.erb 中的u.id，“live search”的结果）来创建节点。

节点控制器.rb

def new
@node = Node.new   
end

def search
@node = Node.new  
@parent = Node.search(params[:search]).where(:ocuped => true)

if not @users.nil?
  if @users.count == 1
    @node_incomplete = @users.nodes.where(" sons < ? AND ocuped = ?",2,true).first
  else
    @node_incomplete = @users.first.nodes.where(" sons < ? AND ocuped = ?",2,true).first
  end
  @son_of_incompleted_node = @node_incomplete.children
end

respond_to do |format|
  format.html
  format.js
end

结尾

搜索.html.erb

<%= form_for @node, :id => "users_search" do |f| %>
  <%= f.text_field :search, :value => params[:search], :autocomplete => 'off' %>
  <div id='users'>
      <%= render 'users' %>
  </div>
  <%= f.hidden_field :user_id, :value => current_user.id  %>
  <%= f.hidden_field :ocuped, :value => true %>
  <%= f.text_field :custom_node_name %>
  <%= f.check_box :terms_of_service,{}, true,false %>
  <%= f.submit "Create", class: "button postfix" %>
<% end %>

_users.html.erb

<% if not @parent.nil? %>
<% @parent.each do |u| %>
    <ul class="inline-list">
        <li class="img-simple" style = "text-align: center; background-image: url('<%= u.user.profile_img %>')"></li>
            <li style="display:table-cell; vertical-align: middle;"><h6><%= u.user.name %></h6><p><%= u.user.email %></p></li>
    </ul>
<% end %>

节点.rb

def self.search(search)
  self.where('id = ? ', search.to_i)
end

应用程序.js

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require foundation
//= require_tree .

$(function() {
  $("#users_search input").keyup(function() {
  $.get($("#users_search").attr("action"), $("#users_search").serialize(), null, "script");
return false;
   });
 });

节点.js.cofee

jQuery ->

# Ajax search on keyup
$('#users_search input').keyup( ->
  $.get($("#users_search").attr("action"), $("#users_search").serialize(), null, 'script')
false
)

视图/节点/search.js.erb

$('#users').html('<%= escape_javascript(render("users")) %>');
4

0 回答 0