Passing list of items from Controller/Model to a variable in javascript - autocomplete

Question

I've a method in a NamesModel which fetches all the names and returns a list of names:

public static List<NamesModel> GetAllNames()
{
    List<NamesModel> names = new List<NamesModel>();

    // 
    // code to fetch records
    //

    return names;
}

In my controller:

public ActionResult Index()
{
   NamesModel model = new NamesModel();
   model.GetAllNames();

   return View(model);
}

In the view, I've got a textbox:

@Html.TextBox("search-name")

Now in my javascript, I want to fetch all names into a variable either from a model (from method) or from controller, for example:

<script type="text/javascript">

 $(function () {

     var names = ...........
     $(document).ready(function () {
          $('#search-name').autocomplete({
               source: names
          });
     });
 });
</script>

If I use hardcoding then it works but I want to use the names stored in the db. Is it possible?

hardcoding example:

var names = ["abc", "xyz"];

SynerCoder · Accepted Answer · 2012-10-29 12:47:43Z

1

You could use Ajax and Json for this

For your controller:

[HttpPost]
public JsonResult GetAllNames()
{
   List<NamesModel> names = new List<NamesModel>();

   // 
   // code to fetch records
   //

   return Json(names);
}

Or for debugging so you can view the json in browser:

public JsonResult GetAllNames()
{
   List<NamesModel> names = new List<NamesModel>();

   // 
   // code to fetch records
   //

   var result = Json(names);
   result .JsonRequestBehavior = JsonRequestBehavior.AllowGet;
   return result ;
}

(note this is actually jquery but since you use document.ready you've allready included jquery)

in your javascript make a call to the method above:

$.getJSON(@Url.Content("~/ControllerName/GetAllNames/"), function (result) {
         var ListWithNames = data;
});

edited Oct 29, 2012 at 12:47

SynerCoder

12.9k5 gold badges51 silver badges84 bronze badges

answered Oct 26, 2012 at 10:58

middelpat

2,5851 gold badge22 silver badges29 bronze badges

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

Comments

tridoris · Accepted Answer · 2012-10-26 10:57:32Z

0

The "source" options property can be a string wich points to the URL which return json data (http://api.jqueryui.com/autocomplete/#option-source)

answered Oct 26, 2012 at 10:57

tridoris

362 silver badges6 bronze badges

Comments

newbie_developer · Accepted Answer · 2012-10-26 13:57:03Z

0

The best solution to my problem is in this blog: http://theycallmemrjames.blogspot.co.uk/2010/03/jquery-autocomplete-with-aspnet-mvc.html

Thanks to everyone who tried to help me.

answered Oct 26, 2012 at 13:57

newbie_developer

3912 gold badges3 silver badges11 bronze badges

Collectives™ on Stack Overflow

Passing list of items from Controller/Model to a variable in javascript - autocomplete

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest