JQuery Autocomplete within MVC doesnt completely function?

Question

I have a auto complete box set up. however when a user types in the box a list of every single item appears. Not relating to anything the user is typing in.

What am i doing wrong?

Jquery:

 var availableTags = '@Url.Action("PopSearch", "Home")';
    $("#searchtxt").autocomplete({
        source: availableTags
    });

Controller function:

public ActionResult PopSearch()
    {
        IndustryManager manager = new IndustryManager();
        ProductRangeManager manager2 = new ProductRangeManager();
        ProductCategoryManager manager3 = new ProductCategoryManager();

        IList<Industry> industryList = manager.GetIndustries();
        IList<ProductRange> rangeList = manager2.GetAllProductRanges();
        IList<ProductCategory> categoryList = manager3.GetAllProductCategories();

        var attributes = industryList.Select(x => x.Name)
            .Union(rangeList.Select(x => x.Name))
             .Union(categoryList.Select(x => x.Name)).ToArray();

        return Json(attributes, JsonRequestBehavior.AllowGet);
    }

Samich · Accepted Answer · 2011-12-16 13:44:16Z

1

Check the server request. Probably you have a request to the server something like

http://yoursite.com/Home/PopSearch?term=Something

Where something is what user inputs in the textbox. It means that you need to filter it on the server side and return already filtered data.

public ActionResult PopSearch(string term)
{
    IndustryManager manager = new IndustryManager();
    ProductRangeManager manager2 = new ProductRangeManager();
    ProductCategoryManager manager3 = new ProductCategoryManager();

    IList<Industry> industryList = manager.GetIndustries();
    IList<ProductRange> rangeList = manager2.GetAllProductRanges();
    IList<ProductCategory> categoryList = manager3.GetAllProductCategories();

    var attributes = industryList.Select(x => x.Name)
        .Union(rangeList.Select(x => x.Name))
         .Union(categoryList.Select(x => x.Name)).ToArray();

    var result = attributes.Where(x => x.ToLower().StartWith(term.ToLower()));

    return Json(result, JsonRequestBehavior.AllowGet);
}

answered Dec 16, 2011 at 13:44

Samich

30.4k6 gold badges70 silver badges80 bronze badges

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

2 Comments

Samich Over a year ago

Sure it doesn't. I just built link whitch you should expect on every ajax call from autocomplete to your server.

Samich Over a year ago

Actually you don't need to change anything in your javascript. you need to modify your action.

Collectives™ on Stack Overflow

JQuery Autocomplete within MVC doesnt completely function?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related