C'è un modo per legare un elenco casella di controllo per un modello in asp.net mvc

Question

sto cercando qui di trovare un modo rapido e semplice per associare un elenco di voci di elenco casella di controllo quando si verifica il postback nel modello.

Apparentemente il modo comune per farlo ora sembra farlo così form.GetValues("checkboxList")[0].Contains("true"); Sembra doloroso e non esattamente sicuro.

C'è un modo per associare un elenco di casella di controllo (che vengono creati con o senza un aiuto nella vista) o addirittura una matrice di dati per quel che conta durante la fase UpdateModel(myViewModel, form.ToValueProvider()); che popolare un IList<string> o string[] all'interno della modello ?

Answer 1

Si potrebbe iniziare con un modello:

public class MyViewModel 
{ 
    public int Id { get; set; } 
    public bool IsChecked { get; set; } 
} 

poi un controller:

public class HomeController : Controller 
{ 
    public ActionResult Index() 
    { 
     var model = new[] 
     { 
      new MyViewModel { Id = 1, IsChecked = false }, 
      new MyViewModel { Id = 2, IsChecked = true }, 
      new MyViewModel { Id = 3, IsChecked = false }, 
     }; 
     return View(model); 
    } 

    [HttpPost] 
    public ActionResult Index(IEnumerable<MyViewModel> model) 
    { 
     // TODO: Handle the user selection here 
     ... 
    } 
} 

a View (~/Views/Home/Index.aspx):

<% using (Html.BeginForm()) { %> 
    <%=Html.EditorForModel() %> 
    <input type="submit" value="OK" /> 
<% } %> 

E infine un corrispondente editor di modelli:

<%@ Control 
    Language="C#" 
    Inherits="System.Web.Mvc.ViewUserControl<AppName.Models.MyViewModel>" %> 
<%= Html.HiddenFor(x => x.Id) %> 
<%= Html.CheckBoxFor(x => x.IsChecked) %> 

Ora quando si invia il modulo nell'azione POST si otterrà l'elenco dei valori selezionati insieme al loro id.

Answer 2

Ecco il modo semplice e veloce. Basta impostare l'attributo value all'interno degli elementi di input checkbox e assegnare loro lo stesso name. Se mi è stato l'attuazione del presente in un sito, vorrei creare un metodo CheckBox supporto che prende name, value e isChecked parametri, ma qui è la vista con solo il codice HTML necessario:

<% using (Html.BeginForm()) { %> 
    <p><input type="checkbox" name="checkboxList" value="Value A" /> Value A</p> 
    <p><input type="checkbox" name="checkboxList" value="Value B" /> Value B</p> 
    <p><input type="checkbox" name="checkboxList" value="Value C" /> Value C</p> 
    <p><input type="checkbox" name="checkboxList" value="Value D" /> Value D</p> 
    <p><input type="checkbox" name="checkboxList" value="Value E" /> Value E</p> 
    <p><input type="checkbox" name="checkboxList" value="Value F" /> Value F</p> 
    <input type="submit" value="OK" /> 
<% } %> 

nel controller:

[AcceptVerbs(HttpVerbs.Post)] 
public ActionResult Index(IEnumerable<string> checkboxList) 
{ 
    if (checkboxList != null) 
    { 
     ViewData["Message"] = "You selected " + checkboxList.Aggregate("", (a, b) => a + " " + b); 
    } 
    else 
    { 
     ViewData["Message"] = "You didn't select anything."; 
    } 

    return View(); 
} 

Il parametro IEnumerable<string> (è possibile farlo IList<string> se si desidera) conterrà solo i valori degli elementi selezionati. Sarà null se nessuna delle caselle è selezionata.

Answer 3

Questo funziona abbastanza bene con un modello personalizzato legante e regolare HTML ...

In primo luogo, il modulo HTML in Razor sintassi:

@using (Html.BeginForm("Action", "Controller", FormMethod.Post)) { 
    <ol> 
     <li><input type="textbox" name="tBox" value="example of another form element" /></li> 

     <li><input type="checkbox" name="cBox" value="1" /> One</li> 
     <li><input type="checkbox" name="cBox" value="2" /> Two</li> 
     <li><input type="checkbox" name="cBox" value="3" /> Three</li> 
     <li><input type="checkbox" name="cBox" value="4" /> Four</li> 
     <li><input type="checkbox" name="cBox" value="5" /> Five</li> 

     <li><input type="submit" /></li> 
    </ol> 
} 

(FormMethod.Post potrebbe anche essere .Get, non importa per questo)

Poi, nel senso proprio MVC avere un oggetto del modello che rappresenta il modulo di invio:

public class CheckboxListExampleModel { 
    public string TextboxValue { get; set; } 
    public List<int> CheckboxValues { get; set; } 
} 

E una classe di raccoglitore modello personalizzata (mi piace inserire questo modello all'interno del modello, quindi ripeterò il modello creato sopra per mostrare dove lo aggiungerei.Riposte in inoltre permette il legante da usare setter di proprietà privata, che è una buona cosa):

public class CheckboxListExampleModel { 
    public string TextboxValue { get; private set; } 
    public List<int> CheckboxValues { get; private set; } 

    public class Binder : DefaultModelBinder { 
     public override object BindModel(ControllerContext controllerContext, ModelBindingContext bindingContext) { 
      var model = new CheckboxListExampleModel(); 

      model.TextboxValue = bindingContext.GetValueAsString("tBox"); 

      string checkboxCsv = bindingContext.GetValueAsString("cBox"); 
      // checkboxCsv will be a comma-separated list of the 'value' attributes 
      // of all the checkboxes with name "cBox" which were checked 
      model.CheckboxValues = checkboxCsv.SplitCsv<int>(); 

      return model; 
     } 
    } 
} 

.GetValueAsString() è un metodo di estensione utilizzato per chiarezza, qui è:

public static string GetValueAsString(this ModelBindingContext context, string formValueName, bool treatWhitespaceAsNull = true) { 
     var providerResult = context.ValueProvider.GetValue(formValueName); 
     if (providerResult.IsNotNull() && !providerResult.AttemptedValue.IsNull()) { 
      if (treatWhitespaceAsNull && providerResult.AttemptedValue.IsNullOrWhiteSpace()) { 
       return null; 
      } else { 
       return providerResult.AttemptedValue.Trim(); 
      } 
     } 
     return null; 
    } 

.SplitCsv<T>() è anche un metodo di estensione, ma è un codice abbastanza comune e abbastanza confidenziale da lasciarlo come esercizio per il lettore.

E, infine, la vostra azione per gestire il modulo di conferma:

[HttpPost] 
public ActionResult Action([ModelBinder(typeof(CheckboxListExampleModel.Binder))] CheckboxListExampleModel model) { 
    // stuff 
}