ASP.NET MVC 4 ViewModel mit Daten DropDownList

Ich bin mit @html.EditorFor zu Rendern mein Modell in den edit-Modus, und eine dropdownlist wird nicht gerendert.

Hier mein ViewModel:

     public class RiskAutoViewModel
     {
       public RiskAutoViewModel()
       {
         VehicleMakeList = new SelectList(new List<VehicleMake>() { new VehicleMake() { Id = 1, Name = "Renault" }, new VehicleMake() { Id = 2, Name = "Peugeot" } });
       }


    public int NoClaimsDegree { get; set; }

    public int VehicleValue { get; set; }

    public int EngineCapacity { get; set; }

    public int VehicleMake { get; set; }

    public SelectList VehicleMakeList { get; set; }
  }

VehicleMake gerendert wird als textbox und VehicleMakeList ist, wird nicht dargestellt bei allen. Was ich möchte ist das Rendern einer dropdownlist mit der Liste der VehicleMake und setzen Sie seinen Wert mit dem von VehicleMake.

Wenn das Modell gespeichert wird, VehicleMake sollte festgelegt werden, um den Wert des ausgewählten Elements in der Liste.

Wie kann ich das tun ?

BEARBEITEN

Da kann ich nicht geben Sie einen beliebigen code in den Kommentar-Boxen unter, ich Schreibe ein follow-up hier.

Ich landete ein EditorTemplate wie:

<div class="editor-label">
    @Html.LabelFor(model => model.VehicleMakeList)
</div>
<div class="editor-field">
    @Html.DropDownListFor(model => model.VehicleMake, Model.VehicleMakeList)
    @Html.ValidationMessageFor(model => model.VehicleMake)
</div>

Und jetzt ist mein ViewModel sieht so aus:

[Required]
[ScaffoldColumn(false)]
public int VehicleMake { get; set; }

[Display(Name = "Marque", Prompt = "Marque", Description = "Renseigne la marque du véhicule")]
public SelectList VehicleMakeList { get; set; }

Nun das führt mich zu einer weiteren Frage (vielleicht sollte ich wie in einem anderen thread), aber ich habe eigentlich ZWEI dropdowns in dieser Ansicht. Und die Einträge in der zweiten dropdown-sind grundsätzlich dynamisch und Sie hängen von dem gewählten Eintrag in der ersten dropdown-Liste. Dieser ist tot einfach zu tun mit AJAX, aber mit MVC-ich bin verloren. Wie gehen die Menschen tun, die in der Regel ?

Und nur ein heads-up für Sie, wenn Sie sich entscheiden, Folgen Sie den @Html.EditorFor() mit einem @Html.DropDownlistFor, wirst du Probleme mit dem binden der VehicleMake Eigenschaft mit der dropdown-Auswahl, als es Wert ist, wird ermittelt, indem das Textfeld redered durch die EditorFor()
bearbeitet meine Antwort mit die einfachste Lösung

InformationsquelleAutor Sam | 2013-02-01

10

Leider gibt es keine integrierte Unterstützung für drop-down-Listen im editor für templates. Sie können entweder schreiben Sie Ihre eigenen template-editor, oder verwenden Sie die html-helper-Methode @Html.DropDownListFor() in Ihrem Blick.

Darin dimitrovs Antwort auf diese Frage können, gehen Sie durch den Prozess der Erstellung einer template-editor für drop-down-Listen, wenn Sie so geneigt sind.

Der Schnellste Weg um dies zu bewerkstelligen, wäre dies aus Ihrer Sicht:
```
@Html.EditorFor(model => model.NoClaimsDegree)
@Html.EditorFor( model => model.VehicleValue )
@Html.EditorFor( model => model.EngineCapacity )
@Html.DropDownListFor( model => model.VehicleMake, Model.VehicleMakeList, "Select a make" )
```
- Ich endete damit, ähnlich wie in einem EditorTemplate (warum kann ich nicht den Typ-code in das Kommentar-Feld, es ist ärgerlich...) <div class="editor-label"> @Html.LabelFor(model => Modell.VehicleMakeList) </div> <div class="editor-field"> @Html.DropDownListFor(model => Modell.VehicleMake, Modell.VehicleMakeList) @Html.ValidationMessageFor(model => Modell.VehicleMake) </div>
InformationsquelleAutor Forty-Two

Ich denke, dass das Modell für die dropdownlist sollte:

public List<System.Web.Mvc.SelectListItem> VehicleMakeList {get; set;}

Und initialisiert wie:

VehicleMakeList = new List<System.Web.Mvc.SelectListItem>() 
{ 
   new SelectListItem { Value = "1", Text = "Renault" }, 
   new SelectListItem { Value = "2", Text = "Peugeot" } 
};

Oder die Verwendung einer Datasource:

    VehicleMakeList = db.VehicleMakers /*EF, LINQ2SQL, ADO.NET or any supported external source*/
       .Select(v=> new SelectListItem { Text = v.Name, Value = v.Id})
       .ToList();

Anzeigen:

@Html.DropDownListFor(model => model.VehicleMake, Model.VehicleMakeList)

was ist falsch mit der Verwendung einer Auswahlliste ?
nichts falsch. Newbie-Fragen führen Sie den Schachzug.
also heisst das, dass ich zu hart-code die Werte für selectlistitem?
Nein, Sie können füllen Sie die Werte aus einer Quelle. Das ist nur der Kürze halber.

InformationsquelleAutor JOBG

3

Bindung dropdownlist ist sehr schwierig in MVC
Sie können es tun, mit diesem in Ihrem controller erhalten Sie alle Ihre Städte-Liste setzen es in viewBag

Erstellen
```
      ViewBag.CityId = new SelectList(db.Cities, "ID", "Name");
```
Benutzer.CityID wenn Sie im Bearbeitungsmodus, so dass Sie auf Bearbeiten, wählen Sie die Stadt
```
      ViewBag.CityId = new SelectList(db.Cities, "ID", "Name", user.CityID);
```
Ihrer Ansicht nach nur tun dieser trick
```
     @Html.DropDownList("CityId", "Select")
```
dies ist der einfachste Weg, ich weiß....
- In der Regel viewbag ist nicht eine empfohlene Lagerung Konzept, vor allem für Modell - Daten. Diese sollten gekapselt werden von der Modell in der viewmodel.
- Die point auf meinen Kommentar, Ihre mühsam zu trennen, die Dropdowns aus der "Modell" - Präsentation, das nicht, liefern Sie ein gutes Ergebnis langfristig.. Make ein ViewModel und Kapseln die Listen, dann Teilansicht updates für änderungen an "step by step" - Regeln. Verwenden Sie die gleichen Regeln für "Partials" zu verfeinern dann die anderen wählen(en) haben Sie in den teilweise. stackoverflow.com/questions/9517627/...
InformationsquelleAutor dnxit

Bindung dropdown-Liste ist einfach. code wie folgt

public ActionResult BindWithModel()
{
    List<SelectListItem> items = new List<SelectListItem>();

    items.Add(new SelectListItem 
                { Text = "Select Category", Value = "0", 
                        Selected = true });
    items.Add(new SelectListItem
                { Text = "Beverages", Value = "1" });
    items.Add(new SelectListItem
                { Text = "Condiments", Value = "2" });
    items.Add(new SelectListItem
                { Text = "Confections", Value = "3" });
    items.Add(new SelectListItem
                { Text = "Dairy Products", Value = "4" });
    items.Add(new SelectListItem
                { Text = "Grains/Cereals", Value = "5" });
    items.Add(new SelectListItem
                { Text = "Meat/Poultry", Value = "6" });
    items.Add(new SelectListItem
                { Text = "Produce", Value = "7" });
    items.Add(new SelectListItem
                { Text = "Seafood", Value = "8" });

    var model = new CategoryModel()
    {
        lstCategory = items,
        selected = 1
    };

    return View(model);
}

- Code in view -

@model BindMvcDropdownList.Models.CategoryModel

<h1>Bind MVC DropDownList with Model</h1>

@Html.DropDownListFor(x => x.selected, Model.lstCategory)

code hier http://dotnetmentors.com/mvc/how-to-bind-dropdownlist-in-asp-net-mvc-application.aspx

InformationsquelleAutor Mou

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.