jquery - 使用 ViewBag 作为数据源插件的 Jquery TagIt 问题

Question

我想绑定数据以用 ViewBag 标记它，不幸的是它不起作用。

所以，这是我的控制器：

    public ActionResult ArticleEdit(Guid id)
    {
        ViewBag.Tags = db.Tags.Select(tag => tag.Name).ToList();

        Article article = db.Articles.Single(a => a.ArticleID == id);
        return View(article);
    }

而我的观点：

    <div class="tags">
        <label for="tags">
            Tags</label>
        <ul id="mytags">
        </ul>
    </div>

Javascript：

$(document).ready(function () {
    $("#mytags").tagit({
        availableTags: @Html.Raw(Json.Encode(@ViewBag.Tags))
    });
});

它呈现为：

$(document).ready(function () {
   $("#mytags").tagit({
   availableTags: ["boool! ","asd ","asdasdasd "]
   });
}); 

如果我使用 availableTags: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl"]

它工作得很好。

我用 ViewBag 尝试了常规的 jquery 自动完成插件，它可以工作。这是它的代码：

 <div class="ui-widget">
     <label for="tags">
         Tags:
     </label>
     <input id="tags" />
 </div>

 $(function() {
    var availableTags = @Html.Raw(Json.Encode(@ViewBag.Tags));
    $( "#tags" ).autocomplete({
    source: availableTags
    });
});

有什么想法吗？

我正在将 MVC3 与 Razor 一起使用。而当我availableTags使用时ViewBag，输入字段就会消失。

Answer 1

嗯，我变了

$(document).ready(function () {
    $("#mytags").tagit({
        availableTags: @Html.Raw(Json.Encode(@ViewBag.Tags))
    });
});

到

    var myTags = @Html.Raw(Json.Encode(@ViewBag.Tags));

    $(document).ready(function () {
        $("#mytags").tagit({
            availableTags: myTags
        });
    });

现在可以了