ASP .NET Core - posting a filled in model back

C# Corner

@Model.PanelName

class="container-fluid mb-3">

class="container bg-light">

@foreach (var panel in Model.PanelComposition)

{

"border-style: dotted;"/>

class="row formgroup align-items-center">

class="col-4">

class="control-label">class="font-weight-bold">@panel.Functie:

class="col-8">

for

="@panel.FK_Jury"

asp-items="Model.JuryMembers"

class="form-control text-center d-flex align-items-center justify-content-center"

id ="currentSelectedJuryMemmber"

name="currentSelectedJuryMemmber"

value="@panel.JuryName">

for

="@panel.JuryName" class="text-danger">

}

_EditPanelView.cshtml

@model Models.Database.Models.PanelModel
class="border-right">
"SavePanel" method="post">
"ModelOnly" class="text-danger">

"hidden" id="currentPanel" name="currentPanel" asp-for="@Model.PanelName" />

"hidden" id="wedstrijdSessie" name="wedstrijdSessie" asp-for="@Model.WedstrijdSessie" />

"hidden" id="currentMembers" name="currentMembers" asp-for="@Model.PanelComposition" />

class="form-group">

class="row">

class="col-md-6 text-center d-flex align-items-center justify-content-center">

"submit" value="Edit" class="btn btn-outline-info"/>

class="col-md-6 text-center d-flex align-items-center justify-content-center">

"button" value="Overview" class="btn btn-outline-info" onclick= "location.href = '@Url.Action("Index", "JuryOpsteller", new { id = Model.WedstrijdSessie })'"/>

@Model.PanelName

class="container-fluid mb-3">

class="container bg-light">

@foreach (var panel in Model.PanelComposition)

{

"border-style: dotted;"/>

class="row formgroup align-items-center">

class="col-4">

class="control-label">class="font-weight-bold">@panel.Functie:

class="col-8">

for

="@panel.FK_Jury"

asp-items="Model.JuryMembers"

class="form-control text-center d-flex align-items-center justify-content-center"

id ="currentSelectedJuryMemmber"

name="currentSelectedJuryMemmber"

value="@panel.JuryName">

for

="@panel.JuryName" class="text-danger">

}

_EditPanelView.cshtml displays a combo box for each duty, which contains a listing of the available jury members. In the end, we can click on "Edit" which then changes the listing. But no matter what I do the PanelComposition property always comes back as null, while it's supposed to contain the Jurymember data. How do I fix this?

6 Replies

Know the answer? Post it — somebody with the same question will find it here.

Olivier Muhring5y ago
Basing myself on the replies I got I managed to get it working by combing a couple of responses and a bit of logical thinking.
The current code allows me to get the comboboxes generated correctly, and read the changed values in a post:

"SavePanel" method="post">

    "ModelOnly" class="text-danger">
"hidden" id="currentPanel" name="currentPanel" asp-for="@Model.PanelName" />
"hidden" id="wedstrijdSessie" name="wedstrijdSessie" asp-for="@Model.WedstrijdSessie" />
class="form-group">
class="row">
class="col-md-6 text-center d-flex align-items-center justify-content-center">
"submit" value="Aanpassen" class="btn btn-outline-info" />
class="col-md-6 text-center d-flex align-items-center justify-content-center">
"button" value="Terug naar het overzicht" class="btn btn-outline-info" onclick="location.href = '@Url.Action("Index", "JuryOpsteller", new { id = Model.WedstrijdSessie })'" />
@Model.PanelName
class="container-fluid mb-3">
class="container bg-light">
@for(var i = 0; i < Model.PanelComposition.Count; i++)
{
int juryCount = i;
"border-style: dotted;" />
class="row formgroup align-items-center">
class="col-4">
class="control-label">class="font-weight-bold">@Model.PanelComposition[i].Functie:
class="col-8">
for= "PanelComposition[juryCount].FK_Jury"
asp-items = "Model.JuryMembers"
class="form-control text-center d-flex align-items-center justify-content-center"
name="PanelComposition[@juryCount].FK_Jury"
value="@Model.PanelComposition[juryCount].FK_Jury.ToString()">
for="@Model.PanelComposition[i].JuryName" class="text-danger">
}

When testing I found the model mapping now works properly, I get the new results I need:

{
"WedstrijdSessie": 5828,
"PanelName": null,
"ClubName": null,
"PanelComposition": [
{
"FK_WedstrijdSessie": null,
"SK_JuryOpgave": null,
"FK_Jury": 156,
"Omschrijving": null,
"Functie": null,
"Naam": null,
"Voornaam": null,
"JuryNiveau": null,
"JuryNiveauNr": null,
"SK_Club": null,
"Club": null,
"Vlg_PositieToegekend": null,
"JuryName": " "
},
{
"FK_WedstrijdSessie": null,
"SK_JuryOpgave": null,
"FK_Jury": 66,
"Omschrijving": null,
"Functie": null,
"Naam": null,
"Voornaam": null,
"JuryNiveau": null,
"JuryNiveauNr": null,
"SK_Club": null,
"Club": null,
"Vlg_PositieToegekend": null,
"JuryName": " "
},
{
"FK_WedstrijdSessie": null,
"SK_JuryOpgave": null,
"FK_Jury": 143,
"Omschrijving": null,
"Functie": null,
"Naam": null,
"Voornaam": null,
"JuryNiveau": null,
"JuryNiveauNr": null,
"SK_Club": null,
"Club": null,
"Vlg_PositieToegekend": null,
"JuryName": " "
},
{
"FK_WedstrijdSessie": null,
"SK_JuryOpgave": null,
"FK_Jury": 121,
"Omschrijving": null,
"Functie": null,
"Naam": null,
"Voornaam": null,
"JuryNiveau": null,
"JuryNiveauNr": null,
"SK_Club": null,
"Club": null,
"Vlg_PositieToegekend": null,
"JuryName": " "
},
{
"FK_WedstrijdSessie": null,
"SK_JuryOpgave": null,
"FK_Jury": 110,
"Omschrijving": null,
"Functie": null,
"Naam": null,
"Voornaam": null,
"JuryNiveau": null,
"JuryNiveauNr": null,
"SK_Club": null,
"Club": null,
"Vlg_PositieToegekend": null,
"JuryName": " "
},
{
"FK_WedstrijdSessie": null,
"SK_JuryOpgave": null,
"FK_Jury": 129,
"Omschrijving": null,
"Functie": null,
"Naam": null,
"Voornaam": null,
"JuryNiveau": null,
"JuryNiveauNr": null,
"SK_Club": null,
"Club": null,
"Vlg_PositieToegekend": null,
"JuryName": " "
},
{
"FK_WedstrijdSessie": null,
"SK_JuryOpgave": null,
"FK_Jury": 46,
"Omschrijving": null,
"Functie": null,
"Naam": null,
"Voornaam": null,
"JuryNiveau": null,
"JuryNiveauNr": null,
"SK_Club": null,
"Club": null,
"Vlg_PositieToegekend": null,
"JuryName": " "
},
{
"FK_WedstrijdSessie": null,
"SK_JuryOpgave": null,
"FK_Jury": 64,
"Omschrijving": null,
"Functie": null,
"Naam": null,
"Voornaam": null,
"JuryNiveau": null,
"JuryNiveauNr": null,
"SK_Club": null,
"Club": null,
"Vlg_PositieToegekend": null,
"JuryName": " "
},
{
"FK_WedstrijdSessie": null,
"SK_JuryOpgave": null,
"FK_Jury": 64,
"Omschrijving": null,
"Functie": null,
"Naam": null,
"Voornaam": null,
"JuryNiveau": null,
"JuryNiveauNr": null,
"SK_Club": null,
"Club": null,
"Vlg_PositieToegekend": null,
"JuryName": " "
},
{
"FK_WedstrijdSessie": null,
"SK_JuryOpgave": null,
"FK_Jury": 64,
"Omschrijving": null,
"Functie": null,
"Naam": null,
"Voornaam": null,
"JuryNiveau": null,
"JuryNiveauNr": null,
"SK_Club": null,
"Club": null,
"Vlg_PositieToegekend": null,
"JuryName": " "
},
{
"FK_WedstrijdSessie": null,
"SK_JuryOpgave": null,
"FK_Jury": 88,
"Omschrijving": null,
"Functie": null,
"Naam": null,
"Voornaam": null,
"JuryNiveau": null,
"JuryNiveauNr": null,
"SK_Club": null,
"Club": null,
"Vlg_PositieToegekend": null,
"JuryName": " "
}
],
"JuryMembers": null
}

With this, I can continue, though I wonder about 1 thing. As you can see the data I obtain in the post-action only contains a value for FK_Jury. Is there a way to also have the value for Functie filled in?

Sachin Singh5y ago
Leave it , if you didn't understand.
simply change your input to anchor tag and test
"button" value="Overview" class="btn btn-outline-info" onclick= "location.href = '@Url.Action("Index", "JuryOpsteller", new { id = Model.WedstrijdSessie })'"/>
To
class="btn btn-outline info" href = '@Url.Action("Index", "JuryOpsteller", new { id = Model.WedstrijdSessie })'"/>
0
Olivier Muhring5y ago
I'm afraid I don't understand what you mean. What do you mean?
0
Sachin Singh5y ago
with below code
what you observe in your url does it contain routed data? if it is then model binder should work
"button" value="Overview" class="btn btn-outline-info" onclick= "location.href = '@Url.Action("Index", "JuryOpsteller", new { id = Model.WedstrijdSessie })'"/>
with the button click observe your url and notice it contains id or not also you are passing the name as id so in controller action the parameter name must be id (small letters)
+1
Olivier Muhring5y ago
The data displayed in the view is OK. So the model is loaded correctly. It's when new do a round trip, posting the form data, the object the Post action in the Controller receives contains null properties.
0
Sachin Singh5y ago
Instead of showing us the view you should have posted the controller code so that we could verify why your property is null.
Make sure you are passing the model in the partial view which contains your Panelcomposition data
public IActionResult Edit (int SelectedPanel)
{

var model = db.Juries.Where(x=>x.PanelId==SelectedPanel).ToList();
return PartialView("_EditPanel",model); // check here you have passed the model or not
}
0