checkbox and radio button editor templates in mvc 4
using UIHint Editor Templates render checkbox and radio button.
Create RadioButtonList.cshtml in Views > Shared > EditorTemplates
@model long?
@using System.Collections
@using System.Web.Mvc;
@{
var list = (List<SelectListItem>)ViewData["List"];
}
<ul style="list-style: none; margin: 0 0 0px 20px;">
@foreach (var item in list)
{
<li style="padding: 0px;">
@{
var radioId = ViewData.TemplateInfo.GetFullHtmlFieldId(item.Value);
var checkedClass = (item.Value == Model.ToString() ? "checked" : string.Empty);
<input type="radio"
id="@radioId"
name="@ViewData.TemplateInfo.HtmlFieldPrefix"
value="@item.Value"
@checkedClass />
<label for="@radioId">@item.Text</label>
}
</li>
}
</ul>
Create CheckBoxList.cshtml in Views > Shared > EditorTemplates
@model long?
@using System.Collections
@using System.Web.Mvc;
@{
var list = (List<SelectListItem>)ViewData["List"];
}
<ul style="list-style: none; margin: 0 0 0px 20px;">
@foreach (var item in list)
{
<li style="padding: 0px;">
@{
var radioId = ViewData.TemplateInfo.GetFullHtmlFieldId(item.Value);
var checkedClass = (item.Value == Model.ToString() ? "checked" : string.Empty);
<input type="checkbox"
id="@radioId"
name="@ViewData.TemplateInfo.HtmlFieldPrefix"
value="@item.Value"
@checkedClass />
<label for="@radioId">@item.Text</label>
}
</li>
}
</ul>
Now Call in Model Class[UIHint("CheckBoxList")]
[Required]
[Display(Name = "Working Day")]
public string WorkingDay { get; set; }
[UIHint("RadioButtonList")]
[Required]
[Display(Name = "Gender")]
public string Gender { get; set; }
Full Demo Download
checkbox and radio button editor templates in mvc 4
Reviewed by Bhaumik Patel
on
7:32 PM
Rating:
Reviewed by Bhaumik Patel
on
7:32 PM
Rating:
