asp.net razor和jQuery自动完成插件

Question

Hey i want to autocomplete this html text input:

$("#Supplier").autocomplete({

                source: availableTags
            });

and i have array of strings came from the controller to the view:

@ViewBag.VendorsArray

I can use it like this:

var availableTags = @ViewBag.VendorsArray;

and than use is in the "source" option of the autocomplete plugin? Its didnt work for me. Just if i make manually arrray like this:

var availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC"
                  ];

Than, its work.

Answer 1

At first pass a coma separated string your ViewBag object then set to a javascript variable then convert the variable to javascript array.

Please flow the example:

@{ViewBag.VendorsArray = "ActionScript,AppleScript,Asp,BASIC";}

<script>
     var list = "@ViewBag.VendorsArray";
      var availableTags = list.split(',');
        $("#Supplier").autocomplete({
            source: availableTags
        }); 
</script>