Autocompletion Textbox in MVC Using jQuery

infoblog » Autocompletion Textbox in MVC Using jQuery

infoblog » Autocompletion Textbox in MVC Using jQuery — Thu, 13 Nov 2008 08:23:00 GMT

PingBack from http://blog.a-foton.ru/index.php/2008/11/13/autocompletion-textbox-in-mvc-using-jquery/

http://blog.cwa.me.uk/2008/11/13/the-morning-brew-222/

TrackBack — Thu, 13 Nov 2008 17:12:54 GMT

#.think.in infoDose #7 (10th Nov - 15th Nov)

#.think.in — Mon, 17 Nov 2008 01:25:02 GMT

#.think.in infoDose #7 (10th Nov - 15th Nov)

re: Autocompletion Textbox in MVC Using jQuery

Frank — Thu, 15 Jan 2009 21:03:35 GMT

Do u mind published your project on web, and we can download it

thanks

re: Autocompletion Textbox in MVC Using jQuery

jitendra — Mon, 19 Jan 2009 13:29:59 GMT

how to integrate your code in webservice in asp.net i have tried it but i am unable to do it. and what will come here

('<%=Url.Action("LookupTags", "Utilities") %>

re: Autocompletion Textbox in MVC Using jQuery

Janus Knudsen — Wed, 04 Feb 2009 02:31:09 GMT

The concept of autocomplete is clear, but unfortunately the details here is blurred.

Well... actually I think it's a nice example, but it would be even better if you would drill down into the details of Url.Action, also <%= Html.TextBox("tags") %> is called postTags in your autocomplete function.

re: Autocompletion Textbox in MVC Using jQuery

Jeremiah.Clark — Wed, 04 Feb 2009 02:50:32 GMT

Janus Knudsen: Thanks for pointing out the "tags" naming problem. That has been updated.

What details exactly are you looking for about the Url.Action piece?

Thanks for the comments.

re: Autocompletion Textbox in MVC Using jQuery

Janus Knudsen — Wed, 04 Feb 2009 22:01:04 GMT

Url.Action is a piece of the MVC afaik :) I was just wondering how a Controller action can get called by a Url?

re: Autocompletion Textbox in MVC Using jQuery

nicc — Tue, 10 Feb 2009 01:32:29 GMT

thanx for that very useful summary! i guess i'll save a few hours tomorrow at work, so more time for digging deeper :) i'm using jQuery now for about 8h and love it too!

@janus: the Url.Action method is part of asp.net MVC helpers. it generates the action link for the action "LookupTags", using the controller "Utilities" ("Controller" is omitted). this is by (default) convention, since mvc uses code by convention ;).

cheers

nicc

re: Autocompletion Textbox in MVC Using jQuery

manjunath prasad — Thu, 12 Feb 2009 09:03:34 GMT

how to create autocomplete textbox without using ajax in asp.net.

it should access the database to display strings to be extended in the textbox...

re: Autocompletion Textbox in MVC Using jQuery

Maccari Claudio — Wed, 01 Apr 2009 17:06:42 GMT

if you use an anonimous type like this

.Select(r => new { r.Id, t.Tag });

and Id in an integer you'll get a js error.

To avoid this error use only string in the dto objects collection

.Select(r => new { Id = r.Id.ToString(), t.Tag });

HTH

Claudio

re: Autocompletion Textbox in MVC Using jQuery

Moim — Fri, 03 Apr 2009 16:10:20 GMT

Jeremiah, this is an awesome post!

I am running an issue, could you help me out with your knowledge..?

Basically, this autocomplete extension of jQuery depends onto the ready method of the jQueryLibrary. (I am not 100% sure what it does actually, but I can guess it checks wheather the DOM has been loaded, if loaded it does something as an regular "onload" event handler).

Now, I have an ASP.net MVC application where I am using Ajax to render a partial view (an ascx file) and that file contains the autocomplete textbox.

As the DOM has been already loaded and I am now modified the DOM with the content of the ascx file in an Ajax fashion, my text boxes into the ascx are not doing anything autocompletion. What could be an alternate or workaround of this problem..?

Any idea would be greatly appreciated.

Have a nice day

re: Autocompletion Textbox in MVC Using jQuery

Harvey — Wed, 10 Jun 2009 23:04:24 GMT

Hi,

great example, I am using autocomplete for city's which have code values. If a user enters 1 or more city ( names) and click a submit button how do I convert the city name text value in text box to the under lying city code to be sent to a service?

regards

Harvey

re: Autocompletion Textbox in MVC Using jQuery

Harvey — Wed, 10 Jun 2009 23:04:26 GMT

Hi,

regards

Harvey

re: Autocompletion Textbox in MVC Using jQuery

Jeremiah.Clark — Fri, 12 Jun 2009 00:41:08 GMT

Harvey,

Thanks for the comment.

I believe that you are looking for the formatResult option. More information about this can be found at the following link (under Options) http://docs.jquery.com/Plugins/Autocomplete/autocomplete#url_or_dataoptions.

This option allows you to format the actual input that will be sent back to the server after a selection is made.