我正在开发一个C#应用程序,用户可以在其中发布笑话。
这些笑话可以分为多个类别,例如单线或查克·诺里斯。
因此,在我开玩笑的观点中,我有多个类别复选框。
当前,当我创建一个笑话时,我必须提供一个包含所有类别的列表参数。
视图:
@using (Html.BeginForm()) {
@Html.ValidationSummary(true)
<fieldset>
<legend>CreateJokeViewModel</legend>
<div class="editor-field">
@Html.EditorFor(model => model.UserId)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.JokeTitle)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.JokeTitle)
@Html.ValidationMessageFor(model => model.JokeTitle)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.JokeText)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.JokeText)
@Html.ValidationMessageFor(model => model.JokeText)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.categories)
</div>
<div class="editor-field">
<table>
@using (var db = new Witze.Context())
{
foreach (Witze.Categorie categorie in db.Categories)
{
<tr>
<td>@Html.CheckBox(categorie.Name)</td>
<td>@Html.Label(categorie.Name)</td>
</tr>
}
}
</table>
</div>
<p>
<input type="submit" value="Create" />
</p>
</fieldset>
}
ViewModel:
[HiddenInput(DisplayValue = false)]
public int UserId { get; set; }
[Required]
public string JokeTitle { get; set; }
[Required]
public string JokeText { get; set; }
[Required]
public HashSet<Categorie> categories { get; set; }
控制器:
public ActionResult Create(CreateJokeViewModel viewModel)
{
List<string> list = new List<string> { "ThisIsACategorie" };
var user = db.User.Single(u => u.UserId == viewModel.UserId);
if (ModelState.IsValid)
{
Logik.CreateJoke(viewModel.JokeTitle, viewModel.JokeText, user.UserId, list);
db.SaveChanges();
return RedirectToAction("witze", "user", new { userid = viewModel.UserId });
}
return View(viewModel);
}
所以我希望所有选中的类别都在列表中。
我是MVC的新手,似乎还没有找到答案。
谢谢
最佳答案
所以我希望所有选中的类别都在列表中。
只需在ViewModel中进行少量更改,即可在提交时获得选中的值,如下所示-
让您的模型像这样-
public class CheckboxlistViewModel
{
public int UserId { get; set; }
public string JokeTitle { get; set; }
public string JokeText { get; set; }
public List<Categorie> categories { get; set; }
}
public class Categorie
{
public string Category { get; set; }
public bool IsSelected { get; set; }
}
观察到有一个与分类视图模型关联的IsSelected属性。此属性可帮助我们在提交表单时保留复选框的选择。
现在,呈现表单的动作如下:
public ActionResult Index()
{
CheckboxlistViewModel model = new CheckboxlistViewModel();
model.categories = new List<Categorie>();
model.categories.Add(new Categorie() { Category = "Chuck Norris", IsSelected = false });
model.categories.Add(new Categorie() { Category = "One Liner", IsSelected = false });
return View(model);
}
表格如下所示-
@model MVC.Controllers.CheckboxlistViewModel
@{
ViewBag.Title = "Index";
}
<h2>Index</h2>
<div>
@using (Html.BeginForm("Submit", "Checkboxlist",FormMethod.Post))
{
for (int i = 0; i < Model.categories.Count; i++)
{
@Html.HiddenFor(m => m.categories[i].Category)
@Html.CheckBoxFor(m => m.categories[i].IsSelected) @Html.Label(Model.categories[i].Category)
}
<input type="submit" value="Submit"/>
}
</div>
现在,当我们单击“提交”按钮时,它将在“操作”下方显示-
public ActionResult Submit(CheckboxlistViewModel model)
{
return null;
}
而且,如果我们检查返回的模型,我们将获得选中的复选框作为布尔值,如下所示。
注意:如果要保留复选框文本,则在for循环中为Category字段添加hiddenfield。
关于c# - 添加选中的复选框以在ViewModel中列出,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21875083/