我正在尝试将使用for循环和Razor语法创建的radiobutton组合在一起。这是代码:
@for (var i = 0; i < Model.Sessions.Count(); i++)
{
@Html.HiddenFor(it => it.Sessions[i].Id)
@Html.RadioButtonFor(it => it.Sessions[i].Checkbox, "0", new {@class = "Sessions", @id = id, @name="Sessions"})
@Html.LabelFor(it => it.Sessions[i].Name, Model.Sessions[i].Name)
<span class="time-span"><em>@Model.Sessions[i].StartTime</em><em>@Model.Sessions[i].EndTime</em></span>
<br />
}
for循环中的第三行是问题所在。基本上名称不会改变,它总是“Sessions [x] .Checkbox”。该复选框是自定义类的属性(bool)。我似乎无法掌握调试Razor的东西,所以任何帮助都会非常感激,我猜这对于这里的人来说非常明显。
修改的 迪米特洛夫的帖子帮了很多忙。以下是我使用的最终代码。我使用@class和@id属性来使用Javascript来选择最初选择的会话(因为这是一个编辑,而不是创建表单)。
@for (var i = 0; i < Model.Sessions.Count(); i++)
{
@Html.HiddenFor(it => it.Sessions[i].Id)
var SId = @Model.Sessions[i].Id;
@Html.RadioButtonFor(it => it.selectedSession, Model.Sessions[i].Id, new { id = SId, @class = "Sessions" })
@Html.LabelFor(it => it.Sessions[i].Name, Model.Sessions[i].Name)
<span class="time-span"><em>@Model.Sessions[i].StartTime</em><em>@Model.Sessions[i].EndTime</em></span>
<br />
}
答案 0 :(得分:4)
如果您希望只能选择一个单选按钮,则需要在视图模型上使用单个属性来保存所选的会话ID,如下所示:
public class SessionViewModel
{
public int SelectedSessionId { get; set; }
public IList<Session> Sessions { get; set; }
}
public class Session
{
public int Id { get; set; }
public string Name { get; set; }
}
然后有一个控制器:
public class HomeController : Controller
{
public ActionResult Index()
{
var model = new SessionViewModel
{
SelectedSessionId = 2,
Sessions = Enumerable.Range(1, 5).Select(x => new Session
{
Id = x,
Name = "session" + x,
}).ToList()
};
return View(model);
}
[HttpPost]
public ActionResult Index(SessionViewModel model)
{
return Content("Thank you for selecting session id: " + model.SelectedSessionId);
}
}
最后一个观点:
@model SessionViewModel
@using (Html.BeginForm())
{
for (var i = 0; i < Model.Sessions.Count(); i++)
{
@Html.HiddenFor(x => x.Sessions[i].Id)
@Html.RadioButtonFor(x => x.SelectedSessionId, Model.Sessions[i].Id, new { id = "session_" + i })
@Html.Label("session_" + i, Model.Sessions[i].Name)
<br/>
}
<button type="submit">OK</button>
}