ListBoxFor not populating with selected items
- by user576838
I've see this question asked a couple of other times, and I followed this after I tried things on my own with the MS music store demo to no avail, but I still can't get this to work. I've also noticed when I look at my MultiSelectList object in the viewmodel, it has the correct items in the selected items property, but if I expand the results view, it doesn't have any listboxitem with the selected value. What am I missing here? I feel like I'm taking crazy pills! Thanks in advance.
model:
public class Article
{
public int ArticleID { get; set; }
public DateTime? DatePurchased { get; set; }
public DateTime? LastWorn { get; set; }
public string ThumbnailImg { get; set; }
public string LargeImg { get; set; }
public virtual List<Outfit> Outfits { get; set; }
public virtual List<Tag> Tags { get; set; }
}
viewmodel:
public class ArticleViewModel
{
public int ArticleID { get; set; }
public List<Tag> Tags { get; set; }
public MultiSelectList mslTags { get; set; }
public virtual Article Article { get; set; }
public ArticleViewModel(int ArticleID)
{
using (ctContext db = new ctContext())
{
this.Article = db.Articles.Find(ArticleID);
this.Tags = db.Tags.ToList();
this.mslTags = new MultiSelectList(this.Tags, "TagID", "Name", this.Article.Tags);
}
}
}
controller:
public ActionResult Index()
{
ArticleIndexViewModel vm = new ArticleIndexViewModel(db);
return View(vm);
}
view:
@model ClosetTracker.ArticleViewModel
@using (Html.BeginForm())
{
<img id="bigImg" src="@Model.Article.ThumbnailImg" alt="img" />
@Html.HiddenFor(m => m.ArticleID);
@Html.LabelFor(m => m.Article.Tags)
@* @Html.ListBoxFor(m => m.Article.Tags, Model.Tags.Select(t => new SelectListItem { Text = t.Name, Value = t.TagID.ToString() }), new { Multiple = "multiple" })
*@
@Html.ListBoxFor(m => m.Article.Tags, Model.mslTags);
@Html.LabelFor(m => m.Article.LastWorn)
@Html.TextBoxFor(m => m.Article.LastWorn, new { @class = "datepicker" })
@Html.LabelFor(m => m.Article.DatePurchased)
@Html.TextBoxFor(m => m.Article.DatePurchased, new { @class = "datepicker" })
<p>
<input type="submit" value="Save" />
</p>
}
EDITED
Ok, I changed around the constructor of the MultiSelectList to have a list of TagID in the selected value arg instead of a list of Tag objects. This shows the correct tags as selected in the results view when I watch the mslTags object in debug mode. However, it still isn't rendering correctly to the page.
public class ArticleViewModel
{
public int ArticleID { get; set; }
public List<Tag> Tags { get; set; }
public MultiSelectList mslTags { get; set; }
public virtual Article Article { get; set; }
public ArticleViewModel(int ArticleID)
{
using (ctContext db = new ctContext())
{
this.Article = db.Articles.Find(ArticleID);
this.Tags = db.Tags.ToList();
this.mslTags = new MultiSelectList(this.Tags, "TagID", "Name", this.Article.Tags.Select(t => t.TagID).ToList());
}
}
}
