DropDownListFor avec un attribut personnalisé avec - dans le nom de l'attribut?

Question: j'ai besoin de créer un dropdownlist comme ceci:

<select id="ddCustomers" data-placeholder="Choose a customer" class="chzn-select" style="width:350px;" tabindex="1" multiple>

Maintenant, je peux ajouter des attributs personnalisés comme ceci:

@Html.DropDownListFor(m => m.Id, Model.Values, new { @disabled = "disabled" })

Malheureusement, si il y a un "-" dans le nom de la variable, alors il n'est pas compilé.

@Html.DropDownListFor(m => m.Id, Model.Values, new { @disabled = "disabled", @data-placeholder = "whatever" })

Et le multiple, qui n'a pas de valeur d'attribut ?

Si je passe un Dictionnaire ou un NameValueColletion au lieu de la new { @disabled = "disabled" }, puis il affiche les propriétés de la NameValueColletion/Dictionnaire...

Comment puis-je passer les attributs de caractères spéciaux dans l'attribut clé ?

InformationsquelleAutor Stefan Steiger | 2012-10-06
  1. 66

    Utiliser un trait de soulignement au lieu

    @data_placeholder = "whatever"

    Depuis Mvc3 "_" est remplacé par "-" lors du rendu.

    Cela fonctionne bien comme le souligne ne sont pas acceptables dans les noms d'attributs dans le code html.

    InformationsquelleAutor dove
  2. 3

    Ah, c'est facile.

    L'erreur a été de déclarer un dictionnaire de <string, string>
    au lieu d'un dictionnaire de <string, object> (et d'utiliser des variables plutôt que des propriétés de cOption)...


    Avec le dictionnaire de <string, string> il utilise l'objet "paramlist" la surcharge, au lieu de IDictionary<string, object> 😉

    @Html.DropDownListFor(model => model.Title, new SelectList(Model.ls, "value", "text"), Model.nvc)
<!--
@Html.DropDownList("myIdAndName", new SelectList(Model.ls, "value", "text"), Model.nvc)
-->
public ActionResult Index()
{
cHomeModel HomeModel = new cHomeModel();
HomeModel.nvc.Add("class", "chzn-select");
HomeModel.nvc.Add("data-placeholder", "Choose a customer");
HomeModel.nvc.Add("style", "width:350px;");
HomeModel.nvc.Add("tabindex", "1");
HomeModel.nvc.Add("multiple", "multiple");
HomeModel.nvc.Add("id", "lol");
cOption option = null;
for (int i = 0; i < 10; ++i)
{
option = new cOption();
option.value = i.ToString();
option.text = "text" + i.ToString();
HomeModel.ls.Add(option);
}
return View(HomeModel);
}
public class cOption
{
public string value
{
get;
set;
}
public string text
{
get;
set;
}
}
public class cHomeModel
{
public string Title = "MyDropDownListName";
public List<cOption> ls = new List<cOption>();
public System.Collections.Generic.Dictionary<string, object> nvc = new System.Collections.Generic.Dictionary<string, object>();
}

    ou plus Linqiq:

    public ActionResult Index()
{
cHomeModel HomeModel = new cHomeModel();
HomeModel.nvc.Add("class", "chzn-select");
HomeModel.nvc.Add("data-placeholder", "Choose a customer");
HomeModel.nvc.Add("style", "width:350px;");
HomeModel.nvc.Add("tabindex", "1");
HomeModel.nvc.Add("multiple", "multiple");
HomeModel.nvc.Add("id", "lol");
HomeModel.ls = System.Linq.Enumerable.Range(0, 9)
.Select(x => new cOption() { text = x.ToString(), value = x.ToString() })
.ToList();
//or otherwise: 
HomeModel.ls = (
from i in System.Linq.Enumerable.Range(0, 9)
select new cOption() { text = i.ToString(), value = i.ToString() }
).ToList();
return View(HomeModel);
}
    • C'est drôle, je n'ai jamais appliqué de cette manière. Cool!
    InformationsquelleAutor Stefan Steiger