Question

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

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

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

var availableTags = '@Html.Raw(prereqs)';会产生上述结果。

var availableTags = '@prereqs';会产生上述内容，但“{s}将替换为&,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，它只是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';

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

1 个答案: