Comment créer une méthode d'extension CheckBoxListFor dans ASP.NET MVC?

Je sais qu'il est un ListBoxFor méthode d'extension parmi les ASP.NET MVC helper Html méthodes d'extension, mais j'ai toujours pensé qu'une liste de case à cocher est plus convivial que d'une zone de liste.

Il y avait un très pratique CheckBoxList de contrôle dans le bon vieux WebForms, mais, évidemment, qui est hors de l'image maintenant.

La question est, pourquoi est-il aucun moyen de ASP.NET MVC pour créer une case à cocher liste? Comment puis-je écrire ma propre méthode d'extension qui crée une case à cocher de la liste et se comporte d'une manière similaire ListBoxFor se comporte?

source d'informationauteur Venemo

  1. 33

    Ici est fortement typé HtmlHelper pour CheckBoxListFor qui gère les éléments sélectionnés sous forme d'un tableau dans votre viewdata modèle. J'ai choisi de ne pas wrapper le code Html.Case à cocher ou Html.CheckBoxFor méthodes que je ne veux pas le caché "false" champs dans ma case à cocher listes.

    Sentez-vous svp libre pour améliorer le présent et repost 🙂

    //View
<%: Html.CheckBoxListFor(model => model.FreightTypeIds, FreightTypeMultiSelectList)  %>
//Controller
public ActionResult SomeAction(int[] FreightTypeIds)
{
//...
return View();
}
//Extension
public static MvcHtmlString CheckBoxListFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, IEnumerable<TProperty>>> expression, MultiSelectList allOptions, object htmlAttributes = null)
{
ModelMetadata modelMetadata = ModelMetadata.FromLambdaExpression<TModel, IEnumerable<TProperty>>(expression, htmlHelper.ViewData);
//Derive property name for checkbox name
string propertyName = htmlHelper.ViewContext.ViewData.TemplateInfo.GetFullHtmlFieldName(modelMetadata.PropertyName);
//Get currently select values from the ViewData model
IEnumerable<TProperty> list = expression.Compile().Invoke(htmlHelper.ViewData.Model);
//Convert selected value list to a List<string> for easy manipulation
IList<string> selectedValues = new List<string>();
if (list != null)
{
selectedValues = new List<TProperty>(list).ConvertAll<string>(delegate(TProperty i) { return i.ToString(); });
}
//Create div
TagBuilder divTag = new TagBuilder("div");
divTag.MergeAttributes(new RouteValueDictionary(htmlAttributes), true);
//Add checkboxes
foreach (SelectListItem item in allOptions)
{
divTag.InnerHtml += string.Format(
"<div><input type=\"checkbox\" name=\"{0}\" id=\"{1}_{2}\" " +
"value=\"{2}\" {3} /><label for=\"{1}_{2}\">{4}</label></div>",
propertyName,
TagBuilder.CreateSanitizedId(propertyName),
item.Value,
selectedValues.Contains(item.Value) ? "checked=\"checked\"" : string.Empty,
item.Text);
}
return MvcHtmlString.Create(divTag.ToString());
}
  2. 2

    Je suis encore au stade expérimental, mais cela semble s'entendre avec le classeur par défaut persiste et les sélections de l'utilisateur après le post.. les champs Cachés, vraiment?? .. cela voler en html5 ? C'est fou, mais je préfère cela que de frapper ma db pour des listes déroulantes et des case à cocher listes simplement parce que ModelState.IsValid est faux.. 

            public static MvcHtmlString CheckBoxList(this HtmlHelper htmlHelper, List<SelectListItem> list, string ModelCollectionName)
{
var sb = new StringBuilder();
if (list != null)
{
int i = 0;
foreach (var l in list)
{
string collectionNameIndex = String.Format("{0}[{1}]", ModelCollectionName, i);
var hiddenName = new TagBuilder("input");
hiddenName.Attributes.Add(new KeyValuePair<string, string>("type", "hidden"));
hiddenName.Attributes.Add(new KeyValuePair<string, string>("name", String.Format("{0}.{1}", collectionNameIndex, "Text")));
hiddenName.Attributes.Add(new KeyValuePair<string, string>("value", l.Text));
var hiddenValue = new TagBuilder("input");
hiddenValue.Attributes.Add(new KeyValuePair<string, string>("type", "hidden"));
hiddenValue.Attributes.Add(new KeyValuePair<string, string>("name", String.Format("{0}.{1}", collectionNameIndex, "Value")));
hiddenValue.Attributes.Add(new KeyValuePair<string, string>("value", l.Value));
var checkBoxTag = htmlHelper.CheckBox(String.Format("{0}.{1}", collectionNameIndex, "Selected"), l.Selected);
var labelTag = new TagBuilder("label");
labelTag.Attributes.Add(new KeyValuePair<string, string>("for", String.Format("{0}.{1}", collectionNameIndex, "Name")));
labelTag.SetInnerText(l.Text);
sb.Append(hiddenName);
sb.Append(hiddenValue);
sb.Append(checkBoxTag);
sb.Append(labelTag);
sb.Append("<br/>");
i++;
}
}
return MvcHtmlString.Create(sb.ToString());
}
  3. 1

    Alors que les employés de Microsoft sont probablement les seuls qui peuvent répondre à pourquoi une telle méthode d'aide n'existe pas, vous pourriez essayer:

    Modèle:

    public class MyViewModel
{
public bool[] Values { get; set; }
}

    Contrôleur:

    public class HomeController : Controller
{
public ActionResult Index()
{
return View(new MyViewModel 
{ 
Values = new[] { true, false, true, false }
});
}
[HttpPost]
public ActionResult Index(MyViewModel model)
{
return View(model);
}
}

    Vue:

    <% using (Html.BeginForm()) { %>
<%: Html.EditorFor(x => x.Values) %>
<input type="submit" value="OK" />
<% } %>

    Comme vous pouvez le voir EditorFor occupons de tout ce qui est nécessaire.

  4. 0

    Vous pourriez être intéressé par CheckBoxList aide pour MVC article par Jérémie Clark (malheureusement, il est daté de Novembre 2008 et les préoccupations MVC 1).