Adding Jquery autocomplete to a Html.EditorFor

Question

I want to add an autocomplete (suggestion function) to an editor field in my create menu.

I have this basic razor view @Html.EditorFor(model => model.Title) and I want to add my autocomplete to this.

Previously I have used

<input type="text" name="q"  data-autocomplete="@Url.Action("QuickSearch", "Person")" />
<input  type="submit"  name="submit"  value="Find FullName" />

And I wondered how to implement this.

My Jquery searches for data-autocomplete

$(document).ready(function () {
    $(":input[data-autocomplete]").each(function () {
        $(this).autocomplete({ source: $(this).attr("data-autocomplete") });
   });
})

check out stackoverflow.com/questions/4789512/…

dreamerkumar
– dreamerkumar

2012-07-13 14:43:29 +00:00
Commented Jul 13, 2012 at 14:43 — dreamerkumar
– dreamerkumar, Commented Jul 13, 2012 at 14:43
has anything helped you? or have abandon this question?

Eonasdan
– Eonasdan

2012-07-31 11:42:57 +00:00
Commented Jul 31, 2012 at 11:42 — Eonasdan
– Eonasdan, Commented Jul 31, 2012 at 11:42

Eonasdan · Accepted Answer · 2012-07-13 14:47:08Z

1

You can still do what you previously had

@Html.TextBoxFor(model => model.Title, new { data_autocomplete="/link" })

note that this is TextBoxFor and not EditorFor. Also note the _ in data_autocomplete

I'm not sure about the Url.Action part. You may have to build the url yourself by manually inserting a url rather than use url.action.

answered Jul 13, 2012 at 14:47

Eonasdan

7,8119 gold badges60 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Adding Jquery autocomplete to a Html.EditorFor

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related