Question

I have a javascript in my page which requires a string list in this format:

var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
        "Groovy",
        "Haskell",
        "Java",
        "JavaScript",
        "Lisp",
        "Perl",
        "PHP",
        "Python",
        "Ruby",
        "Scala",
        "Scheme"
    ];

My model in the view contains a list of string named blogtags.
How do I add the list in the viewmodel to the javascript.

Thanks
Arnab

Answer 1

I would add a string type to hold a comma seperated tags to my viewmodel

public class BlogPostViewModel
{
  //Other properties    
  public string Tags { set;get;}    
}

In my controll, I will set the value of this from the List of string

public ActionResult View(int id)
{
  var vm=new BlogPostViewModel();

  List<string> tagList=new List<string>(); 
  tagList.Add("PERL");   //get from your DB instead of hardcoding
  tagList.Add("RUBY");

  StringBuilder strTags = new StringBuilder();
  foreach (var item in tagList)
  {
     strTags.Append("\""+item+"\",");
  }
  vm.Tags=strTags.ToString();
  vm.Tags= vm.Tags.TrimEnd(','); //remove last ,
  return View(vm);
}

And in the View

$(function () {    
  var items=[@Html.Raw(Model.Tags)]
  alert(items);
});