74% of employees feel they are not achieving their full potential. With Linux Academy, not only will you strengthen your team's core competencies but also their knowledge of of the newest IT topics.
With new material every week, we'll make sure that you stay ahead of the game.
Course Of The Month
7 days, 2 hours left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
Solved
C# Razor beginform binding nested object in view and post it all back to controller
Posted on 2016-08-05
I have a view model like this:
I want to bind and set the nested item properties in the view like this:
When posting to the controller, all the properties of the view model end up as null. If I remove the nested object Item from the view model and remove all bindings to that nested object in the view, then all works good, all other properties are set.
So the problem is, how to bind nested object properties in the Item object in the view and post back to the controller with the model and nested object and all?
namespace MySystem.Models.View {
public class ItemPage {
public Item Item { get; set; }
public int CurrentItemID { get; set; }
public string ModalHeading { get; set; }
public string SubmitButtonText { get; set; }
/// <summary>
/// This will be the color that we will use in the view, if set
/// </summary>
public System.Drawing.Color CssColorTwist { get; set; }
public ItemPage() {
//ItemEngine iEngine = new ItemEngine();
//this.Item = iEngine.GetItem(CurrentItemID);
}
public ItemPage(Item item) {
this.Item = item;
this.CurrentItemID = Item.ItemID;
}
public ItemPage(Item item, string btnText, string modalHeading) {
this.Item = item;
ModalHeading = modalHeading;
SubmitButtonText = btnText;
this.CurrentItemID = Item.ItemID;
}
public ItemPage(Item item, string btnText, string modalHeading, System.Drawing.Color cssColor) {
this.Item = item;
ModalHeading = modalHeading;
SubmitButtonText = btnText;
CssColorTwist = cssColor;
this.CurrentItemID = Item.ItemID;
}
public Color GetCssColorDarker(double factor) {
if(CssColorTwist != null) {
return CssColorTwist.GetColorDarker(factor);
}
return new Color();
}
public Color GetCssColorLighter(double factor) {
if (CssColorTwist != null) {
return CssColorTwist.GetColorLighter(factor);
}
return new Color();
}
}
}
I want to bind and set the nested item properties in the view like this:
<span class="display-form-item">@Html.DisplayNameFor(model => model.Item.Address):</span>
@Html.TextBoxFor(model => model.Item.Address, new { @id = "addressID-" + @Model.Item.ItemID, @class = "form-control", data_toggle = "tooltip", data_placement = "bottom", @title = "Skriv inn adresse" })
@Html.ValidationMessageFor(model => model.Item.Address, String.Empty, new { @class = "alert-danger" })
When posting to the controller, all the properties of the view model end up as null. If I remove the nested object Item from the view model and remove all bindings to that nested object in the view, then all works good, all other properties are set.
So the problem is, how to bind nested object properties in the Item object in the view and post back to the controller with the model and nested object and all?
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
-
4
2
7 Comments
Active today
Ideally, ViewModel with nested object works fine in MVC!
You might missing some steps, please check in controller, when you get ItemPage object initialised, check for Item object as well if it is initialised or not!! If Item object is null, then in views, it end up.
If not works, please paste snapshot of error and controller code as well to look into that as well
You might missing some steps, please check in controller, when you get ItemPage object initialised, check for Item object as well if it is initialised or not!! If Item object is null, then in views, it end up.
If not works, please paste snapshot of error and controller code as well to look into that as well
The controller is irrelevant here, but here it is:
The whole view looks like this. Bare in mind that this is only a test under construction. I have squared the name with a red box in the picture.
There is no error message. As stated in the question, all properties of the model end up as null when received by the controller (verified via debugging at runtime in Visual Studio) unless I remove the Item object bindings from the view and remove the Item object from the model. In short; it works, the properties are populated by the user input, as long as I don't use a nested object as a property (the Item object). But that is what I want to do.
[Authorize(Roles = "Admin")]
[HttpPost]
public ActionResult SaveItemInItemPage(ItemPage item) {
ItemEngine iEngine = new ItemEngine();
iEngine.UpdateItem(item.Item);
return Redirect(Request.UrlReferrer.AbsoluteUri);
}
The whole view looks like this. Bare in mind that this is only a test under construction. I have squared the name with a red box in the picture.
There is no error message. As stated in the question, all properties of the model end up as null when received by the controller (verified via debugging at runtime in Visual Studio) unless I remove the Item object bindings from the view and remove the Item object from the model. In short; it works, the properties are populated by the user input, as long as I don't use a nested object as a property (the Item object). But that is what I want to do.
Sorry, misunderstood you. Looks like this:
Or like this:
So in these examples the names are:
<div class="form-group custom-line-rowheight">
<span class="display-form-item">Adresse:</span>
<input class="form-control" data-placement="bottom" data-toggle="tooltip" id="addressID-1" name="Item.Address" title="Skriv inn adresse" type="text" value="">
<span class="field-validation-valid alert-danger" data-valmsg-for="Item.Address" data-valmsg-replace="true"></span>
</div>
Or like this:
<div class="form-group">
<span class="display-form-item">Beskrivelse:</span>
<textarea class="form-control input-lg" cols="20" data-placement="bottom" data-toggle="tooltip" id="infoID-1" name="Item.Description" rows="2" title="Skriv beskrivelse">Dette er en flott hytte med fyrtårn!</textarea>
<span class="field-validation-valid alert-danger" data-valmsg-for="Item.Description" data-valmsg-replace="true"></span>
</div>
So in these examples the names are:
- Item.Address
- Item.Description
I ended up with writing a partialview that acted as editor for Item, then I used @Html.EditorFor(model => model.Item) to display the view. That worked.
Featured Post
For Any Use & On Any Platform
Contextual Guidance at the moment of need helps your employees/users adopt software o& achieve even the most complex tasks instantly. Boost knowledge retention, software adoption & employee engagement with easy solution.
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
Today I had a very interesting conundrum that had to get solved quickly. Needless to say, it wasn't resolved quickly because when we needed it we were very rushed, but as soon as the conference call was over and I took a step back I saw the correct …
There is a huge demand for CodeIgniter among the PHP web developers due to its dynamic features and benefits these days. It is one of most popular and agile open source PHP framework for creating robust web applications in PHP web development field.…
The purpose of this video is to demonstrate how to set up the WordPress backend so that each
page automatically generates a Mailchimp signup form in the sidebar.
This will be demonstrated using a Windows 8 PC. Tools Used are Photoshop, Awesome…
If you're a developer or IT admin, you’re probably tasked with managing multiple websites, servers, applications, and levels of security on a daily basis. While this can be extremely time consuming, it can also be frustrating when systems aren't wor…
Suggested Courses
Course of the Month7 days, 2 hours left to enroll
726 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.