【问题标题】:using jquery auto complete pugin with rails application将 jquery 自动完成插件与 rails 应用程序一起使用
【发布时间】:2011-12-23 10:37:10
【问题描述】:

在我的 Rails 应用程序中,我正在尝试使用自动完成插件。它不起作用。请在此处帮助我。

查看文件:

%td.grid.full_panels
    -table_panel "Assign Testers" do
      %table
        %th Name
        -puts "testers=#{@testers}"
        = form.label :tester_tokens, "Testers" 
        = form.text_field :tester_tokens,:class=>"users_auto_complete" 
        - @testers.each do |tester|
          %tr
            %td=tester.name
            %td=check_box_tag "release[tester_ids][]", tester.id,   @release.is_tester_assigned(tester)
      =will_paginate @testers
@testers=['sramya','scharron','jstinson']
:javascript  
data=#{@tmp_testers.to_json}
= javascript_include_tag "pages/ic", :cache => true

控制器文件:

def new
@release = Release.new
@ic_ids = params[:ic_ids] ? params[:ic_ids] : []
 @testers = User.find_by_sql("select * from users where id in(select user_id from user_role_assignments where role_id in (select id from roles where name like 'Tester')) order by name").paginate(:page=>params[:page],:per_page=>30)   
 if params[:project_id]
  @release.project = Project.find(params[:project_id])
end
respond_to do |format|
  format.html # new.html.erb
  format.xml  { render :xml => @release }
end
end

Javascript:

$('.users_auto_complete').live("keypress",function() {
var data= #{@tmp_testers.to_json}
alert (data);
$("#release_tester_tokens").autocomplete(data);
});

【问题讨论】:

    标签: jquery ruby-on-rails-3 jquery-plugins autocomplete


    【解决方案1】:

    你的 jquery 是否在 (document).ready 函数中

    $(document).ready(function(){
    
    $('.users_auto_complete').live("keypress",function() {
    var data= #{@tmp_testers.to_json}
    alert (data);
    $("#release_tester_tokens").autocomplete(data);
    });
    
    });
    

    【讨论】:

    • 嗨,Kanishka,感谢您回答我,我在单独的函数中有 jquery,并且已将其添加到文本框中。 form.text_field :tester_tokens,:class=>"users_auto_complete"
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-10-16
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多