Zurücksenden DropDownList aus stark typisierter Ansicht
Dies hängt mit einer früheren Frage zum Binden einer Dropdown-Liste aus einer Datenbank zusammen. Die Dropdown-Liste wird gebunden und ausgefüllt, es wird jedoch beim Senden des Formulars im Browser der Fehler "Objektreferenz nicht auf eine Instanz eines Objekts festgelegt" ausgegeben.
Beim Debuggen habe ich den Parameter m => m.SelectedDepartment der Hilfsmethode Html.DropDownListFor (...) schnell überwacht und Folgendes erhalten: "Lambda-Ausdruck kann nicht in Typ 'Objekt' konvertiert werden, da es sich nicht um einen Delegattyp handelt." .
Aussicht:
@model BudgetDemo.Models.BudgetsActualsViewModel
@using (Html.BeginForm("GetBudgetsActuals", "BudgetsActuals", FormMethod.Post))
{
@Html.DropDownListFor(m => m.SelectedDepartment, Model.Departments,
"Select Department", new { @class = "form-control" })
}
ViewModel:
public class BudgetsActualsViewModel
{
[Display(Name = "Cost Center/Department")]
[Required(ErrorMessage = "Cost Center/Department is required.")]
[StringLength(62)]
public string SelectedDepartment { get; set; }
public List<SelectListItem> Departments { get; set; }
}
Regler:
// GET: Render view with dropdowns
public ActionResult GetBudgetsActuals()
{
repo = new BudgetDemoRepository();
ModelState.Clear();
try
{
return View(repo.GetBudgetsActuals());
}
catch
{
return View("Error");
}
}
Repository:
public BudgetsActualsViewModel GetBudgetsActuals()
{
...
BudgetsActualsViewModel budgetsActuals = new BudgetsActualsViewModel()
{ Departments = new List<SelectListItem>() };
// Query returning correct data from DB here
for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
{
budgetsActuals.Departments.Add(
new SelectListItem
{
Text = ds.Tables[0].Rows[i]["Department"].ToString(),
Value = ds.Tables[0].Rows[i]["ListValue"].ToString()
}
);
}
return budgetsActuals;
}
AKTUALISIEREN
Es funktioniert jetzt. Der folgende Code wurde aktualisiert / hinzugefügt, damit das Formular nach einem Postback mit einer Erfolgsmeldung mit dem Wert der ausgewählten Abteilung erneut gerendert wird.
Aussicht:
@model BudgetDemo.Models.BudgetsActualsViewModel
@Html.AntiForgeryToken()
@using (Html.BeginForm("GetBudgetsActuals", "BudgetsActuals",
FormMethod.Post))
{
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
@if (TempData["SuccessMessage"] != null)
{
<p class="alert alert-success"
id="successMessage">@TempData["SuccessMessage"]</p>
}
@Html.DropDownListFor(m => m.SelectedDepartment, Model.Departments,
"Select Department", new { @class = "form-control" })
@Html.ValidationMessageFor(model => model.SelectedDepartment, "",
new { @class = "text-danger" })
}
Controller:
// GET
public ActionResult GetBudgetsActuals()
{
Populate Department dropdown from DB and Year dropdown (static) here
repo = new BudgetDemoRepository();
//ModelState.Clear();
try
{
return View(repo.GetBudgetsActuals());
}
catch
{
return View("Error");
}
}
// POST
[HttpPost]
public ActionResult GetBudgetsActuals(BudgetsActualsViewModel model)
{
try
{
repo = new BudgetDemoRepository();
if (ModelState.IsValid)
{
TempData["SuccessMessage"] = "Value of SelectedDepartment is: "
+ model.SelectedDepartment;
return View(repo.GetBudgetsActuals(model));
}
else
{
model.Departments = repo.GetBudgetsActuals().Departments;
return View(model);
}
}
catch
{
return View("Error");
}
}
Repository - Neue überladene Methode zur Verarbeitung von POST
public BudgetsActualsViewModel GetBudgetsActuals(BudgetsActualsViewModel model)
{
....
// Get the data again
....
budgetsActuals.SelectedDepartment = model.SelectedDepartment;
for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
{
budgetsActuals.Departments.Add(
new SelectListItem
{
Text = ds.Tables[0].Rows[i]["Department"].ToString(),
Value = ds.Tables[0].Rows[i]["ListValue"].ToString()
}
);
}
return budgetsActuals;
}
Antworten
Ändern Sie die controller
, um eine neue API zu erhalten, die einen POST
Anruf unterstützt . Gehen Sie wie folgt vor.
Fügen Sie dieser Methode eine get-Methode hinzu, die beim Laden der Ansicht wie folgt aufgerufen wird:
[HttpGet]
public ActionResult GetBudgetsActuals()
{
repo = new BudgetDemoRepository();
ModelState.Clear();
try
{
return View(repo.GetBudgetsActuals());
}
catch
{
return View("Error");
}
}
Fügen Sie eine Post-Methode hinzu, die beim Senden des Formulars aufgerufen wird:
[HttpPost] // Decorate with this attribute
public ActionResult PostBudgetsActuals(BudgetDemo.Models.BudgetsActualsViewModel model)
{
var selectedDepartment = model.SelectedDepartment;
// dostuff with the model
return somethingFromHere;
}
Und ändern Sie die Ansicht folgendermaßen:
@model BudgetDemo.Models.BudgetsActualsViewModel
@using (Html.BeginForm("PostBudgetsActuals", "BudgetsActuals", FormMethod.Post))
{
@Html.DropDownListFor(m => m.SelectedDepartment, Model.Departments,
"Select Department", new { @class = "form-control" })
}
Wenn Sie ein Problem mit der Überladung der DropDownListFor
Methode haben, können Sie auch die folgende DropDownList
Methode ausprobieren :
@using (Html.BeginForm("PostBudgetsActuals", "BudgetsActuals", FormMethod.Post))
{
@Html.DropDownList("SelectedDepartment", Model.Departments,
"Select Department", new { @class = "form-control" })
}
AKTUALISIEREN
// POST
[HttpPost]
public ActionResult GetBudgetsActuals(BudgetsActualsViewModel model)
{
try
{
repo = new BudgetDemoRepository();
if (model.SelectedDepartment != null)
{
TempData["SuccessMessage"] = "Value of SelectedDepartment is:
" + model.SelectedDepartment;
}
model.Departments = repo.GetBudgetsActuals().Departments;
return View(model);
}
catch
{
return View("Error");
}
}