0

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

当 availableTags='@Html.Raw(prereqs)'

这是我正在使用的代码，主要来自 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 以将数组解析为字符串数组（如 [“Inserting a Tag”、“test1”] 等）？

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

//
// 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);
}
4

1 回答 1

0

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

var availableTags = '@prereqs';
于 2013-08-09T17:22:20.220 回答