JQueryUI自动完成采用C＃数组，返回每个字符而不是每个元素

Question

我正在使用多个自动完成的JQueryUI小部件，但终生无法获得正确的输入。 我在脚本之外的C＃中定义了一个数组，试图将其用作拉入列表的内容，但是它总是使数组中的每个字符成为列表中的元素，而不是整个数组元素，因此：

这是我正在使用的代码，主要来自JQueryUI演示。 我一直在玩的主线是availableTags 。 （请注意， tutArray是所需的字符串数组，并且prereqs = new JavaScriptSerializer().Serialize(tutArray) 。我尝试了以下操作：

var availableTags = '@Html.Raw(prereqs)'; 产生以上。

var availableTags = '@prereqs'; 产生上面的内容，但是用' &,q,u,o,t,;代替'。

var availableTags = '@tutArray'; 和var availableTags = '@Html.Raw(tutArray)'; 产生S,y,s,t,e,m,.,S,t,r,i,n,g,[,] 。

@{
    var tutArray = tutList.ToArray();
    var prereqs = (new JavaScriptSerializer().Serialize(tutArray));
}
<script type="text/javascript">
    $(function () {

        var availableTags = '@prereqs';

        function split(val) {
            return val.split(/,\s*/);
        }
        function extractLast(term) {
            return split(term).pop();
        }

        $("#prereqs")
            // don't navigate away from the field on tab when selecting an item
            .bind("keydown", function (event) {
                if (event.keyCode === $.ui.keyCode.TAB &&
                    $(this).data("ui-autocomplete").menu.active) {
                    event.preventDefault();
                }
            })
            .autocomplete({
                minLength: 1,
                source: function (request, response) {
                    // delegate back to autocomplete, but extract the last term
                    response($.ui.autocomplete.filter(
                        availableTags, extractLast(request.term)));
                },
                focus: function () {
                    // prevent value inserted on focus
                    return false;
                },
                select: function (event, ui) {
                    var terms = split(this.value);
                    // remove the current input
                    terms.pop();
                    // add the selected item
                    terms.push(ui.item.value);
                    // add placeholder to get the comma-and-space at the end
                    terms.push("");
                    this.value = terms.join(", ");
                    return false;
                }
            });
    });
</script>

This should be an autocomplete box.
<p><input type="text" id="prereqs"/></p>

如何获取availableTags将数组解析为字符串数组（例如[[插入标签]，“ test1”]等）？

编辑：对于那些一直在问的人，这是控制器，尽管我认为问题不在这里。 这段代码来自PreReqs.cshtml，这是Tutorials / Edit页面的一小部分：

//
// GET: /Tutorials/Edit/5
[Authorize]
public ActionResult Edit(Int32 id)
{
    Tutorial tutorial = db.Tutorials.Find(id);
    ViewBag.Tutorials = (from tut in db.Tutorials
                             select tut).ToList();
    if (tutorial == null)
    {
        return HttpNotFound();
    }
    ViewBag.CategoryId = new SelectList(db.Categories, "Id", "Name", tutorial.CategoryId);
    ViewBag.NextTutorialId = new SelectList(db.Tutorials, "Id", "Name", tutorial.NextTutorialId);
    return View(tutorial);
}

Answer 1

在您的代码中，您希望将JavaScript数组分配给availableTags变量。 但是因为您将输出括在引号中，所以得到了一个字符串。 删除此行中的引号：

var availableTags = '@prereqs';