2013-02-20 25 views
1

我想绑定数据以使用ViewBag标记它,不幸的是它不起作用。Jquery TagIt使用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自动完成插件,它的工作原理。 这里是代码:

​​

任何想法是什么?

我正在使用MVC3和Razor。当我availableTagsViewBag,输入字段刚刚消失。

+0

你能仔细检查所提供的HTML,因为它应该工作:http://jsfiddle.net/XT6Aj /。你有没有检查你的浏览器JS控制台是否有任何错误? – nemesv 2013-02-20 09:19:51

+0

我检查了两次,它显示罚款。我只在visual studio中关闭条件编译。 无论如何它现在的作品,感谢注意我的问题) – makambi 2013-02-20 09:24:12

+0

嗨@makambi。无需将标题标记为[固定] - 只需勾选您的答案':)'。 – halfer 2013-02-20 10:25:12

回答

0

嗯,我改变

$(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 
     }); 
    }); 

和现在的工作