Wolfmans Howlings: Having multiple text_field_with_auto_complete in the same view

Having multiple text_field_with_auto_complete in the same view

Jim Morris — Tue, 17 Oct 2006 23:45:47 -0700

I ran into a problem using text_field_with_auto_complete in a view where I wanted to have many of them created by an iteration. You can use the :index option for the text_field, but it doesn't carry over to the various divs used in the AJAX calls.

<% 0.upto(10) do |legi|  %>
        <% @leg= @mission.legs.find(:first, :conditions => ['legnum = ?', legi]) %>
        text_field_with_auto_complete( :leg, :name, {:index => legi, :size => 20})
        <% end %>
        <% end %>

is what you really want to do, just as for a regular text_field.

I googled around and found this bug report for a fix to text_field_with_auto_complete that allows :index, as that fix does not appear to be in the current stable release of Rails or on Edge rails, I just created a my_text_field_with_auto_complete and it worked like a charm!!

  def my_text_field_with_auto_complete(object, method, tag_options = {}, completion_options = {})
            if(tag_options[:index])
              tag_name = "#{object}_#{tag_options[:index]}_#{method}"
            else
              tag_name = "#{object}_#{method}"
            end
        
            (completion_options[:skip_style] ? "" : auto_complete_stylesheet) +
                text_field(object, method, tag_options) +
                content_tag("div", "", :id => tag_name + "_auto_complete", :class => "auto_complete") +
                auto_complete_field(tag_name, { :url => { :action => "auto_complete_for_#{object}_#{method}" } }.update(completion_options))
          end

So I put this in app/helpers/application_helper.rb and simply use my_text_field_with_auto_complete in my views.

Here is what the controller side looks like...

  def auto_complete_for_leg_name
            leg= params[:leg].keys[0] # get index as its always only one at a time
            auto_complete_responder_for_name params[:leg][leg][:name]
          end
        ...
        private
          def auto_complete_responder_for_name(value)
            param= value.downcase + '%'
            find_options= {
              :conditions => [ 'LOWER(lname) LIKE ?', param ],
              :order => 'lname ASC',
              :limit => 6
            }
            @names = Person.find(:all, find_options)
            render :partial => 'names'
          end

"Having multiple text_field_with_auto_complete in the same view" by Kevin Olbrich

Wed, 18 Oct 2006 04:36:18 -0700

Nice work. One problem I see. When the parameters get serialized, you end up with something like {"object"=>{"index"=>"value"}} in the params, which confuses the standard `auto_complete_for handler`.

"Having multiple text_field_with_auto_complete in the same view" by Kevin Olbrich

Wed, 18 Oct 2006 04:50:16 -0700

Whoops, no. Actually it does work.

"Having multiple text_field_with_auto_complete in the same view" by wolfman

Wed, 18 Oct 2006 09:31:17 -0700

Good point I'll add the controller side of the code too, as it does work.

"Having multiple text_field_with_auto_complete in the same view" by kevin hutchison

Sun, 29 Oct 2006 11:12:06 -0800

Can i ask how the responder knows which partial to render? Or does it render all name partials? thanks much,h

"Having multiple text_field_with_auto_complete in the same view" by wolfman

Sun, 29 Oct 2006 13:08:54 -0800

kevin- it will render the partial called `_names.rhtml` in the relevant views directory. There is only one partial used in this case. Maybe I misunderstood your question?

"Having multiple text_field_with_auto_complete in the same view" by ThirtyTwo

Tue, 31 Oct 2006 05:24:41 -0800

Well done. Thank you.

"Having multiple text_field_with_auto_complete in the same view" by arun agrawal

Wed, 27 Jun 2007 07:10:27 -0700

thanks

"Having multiple text_field_with_auto_complete in the same view" by arun agrawal

Wed, 27 Jun 2007 07:15:33 -0700

i need a default value in text box when i came that page. and when i just delete the value manually and type another then the auto text will apppear

"Having multiple text_field_with_auto_complete in the same view" by Bala

Thu, 12 Jul 2007 04:29:39 -0700

I Tried this example i couldnt able to list the details but i can able to retrieve the datas what would be the problem? plz help me guyz, one of the requirements to my project.

"Having multiple text_field_with_auto_complete in the same view" by wolfmanjm

Thu, 12 Jul 2007 16:31:33 -0700

Can you email me the details? I don't really understand what problem you are having.

"Having multiple text_field_with_auto_complete in the same view" by Bala

Fri, 13 Jul 2007 00:34:25 -0700

# Controller. def user_auto_complete name= params[:user].keys[0] # get index as its always only one at a time responder_auto_complete_for_user_name(params[:user][name][:name]) end private def responder_auto_complete_for_user_name(value) param= '%' + value.downcase + '%' find_options= { :conditions => [ 'name like ?', param ], :order => 'name ASC', :limit => 60 } @names = User.find(:all, find_options) render :partial => 'names' #render :update do |page| #page['user_1_name_auto_complete'].show #page['user_1_name_auto_complete'].replace :partial => "names" #end end # Application helper module ApplicationHelper def my_text_field_with_auto_complete(object, method, tag_options = {}, completion_options = {}) if(tag_options[:index]) tag_name = "#{object}_#{tag_options[:index]}_#{method}" else tag_name = "#{object}_#{method}" end puts "Tag Name = > " + tag_name (completion_options[:skip_style] ? "" : auto_complete_stylesheet) + text_field(object, method, tag_options) + content_tag("div", "", :id => tag_name + "_auto_complete", :class => "auto_complete") + auto_complete_field(tag_name, { :url => { :action => "auto_complete_for_#{object}_#{method}" } }.update(completion_options)) end def auto_complete_text_one(object, method, tag_options = {}, completion_options = {}) if(tag_options[:index]) tag_name = "#{object}_#{tag_options[:index]}_#{method}" else tag_name = "#{object}_#{method}" end (completion_options[:skip_style] ? "" : auto_complete_stylesheet) + text_field(object, method, tag_options) + content_tag("div", "", :id => tag_name + "_auto_complete", :class => "auto_complete") + auto_complete_field(tag_name, { :url => { :action => "user_auto_complete" } }.update(completion_options)) end def auto_complete_text_two(object, method, tag_options = {}, completion_options = {}) if(tag_options[:index]) tag_name = "#{object}_#{tag_options[:index]}_#{method}" else tag_name = "#{object}_#{method}" end puts tag_name (completion_options[:skip_style] ? "" : auto_complete_stylesheet) + text_field(object, method, tag_options) + content_tag("div", "", :id => tag_name + "_auto_complete", :class => "auto_complete") + auto_complete_field(tag_name, { :url => { :action => "auto_complete_for_" + tag_name } }.update(completion_options)) end end # view file <% 1.upto(3) do |legi| %> <%=auto_complete_text_one( :user, :name, {:index => legi, :size => 20}) %>

<% end %> # Database design The database contains a table called 'Users' and the fieldname is 'name'.

"Having multiple text_field_with_auto_complete in the same view" by Bala

Fri, 13 Jul 2007 00:34:47 -0700

Can you find the probs on above code

"Having multiple text_field_with_auto_complete in the same view" by wolfmanjm

Fri, 13 Jul 2007 09:03:59 -0700

The code in my article works fine, I use it. If you are having problems, then send me more information on what problems you are having, or send me your code. The email address is at the top of this page on the right.

"Having multiple text_field_with_auto_complete in the same view" by Curtis

Sun, 15 Jul 2007 21:08:57 -0700

What does your partial look like?

"Having multiple text_field_with_auto_complete in the same view" by Curtis

Sun, 15 Jul 2007 21:11:40 -0700

Maybe this? `

<%= name %>

"Having multiple text_field_with_auto_complete in the same view" by wolfmanjm

Sun, 15 Jul 2007 22:23:55 -0700

The partial I usually use is somewhat more complex as I like to include the ID. However there is a default used which looks much like what you show above, and for the purposes of this article should be sufficient.

"Having multiple text_field_with_auto_complete in the same view" by julien

Mon, 03 Dec 2007 18:11:30 -0800

Just wanted to say thanks for this! It solved my problem completely (I had the same issue with autogenerated fields) and it works like a charm. This should replace the standard text_field_with_autocomplete for future releases of RoR

"Having multiple text_field_with_auto_complete in the same view" by Jared

Fri, 07 Mar 2008 18:43:53 -0800

Just thought you know this has been fixed: `http://dev.rubyonrails.org/attachment/ticket/5983/add_index_support_to_text_field_with_auto_complete.diff`