ViewModel Inheritance for different actions with Twitter Bootstrap MVC 4 - asp.net-mvc

Question

I'm trying to create a ViewModel in MVC that allows me to switch between the display format and the edit format.
I can get the Controller to select the correct version of the ViewModel and all the properties for the inherited class and base class show in the debugger.
When the ViewModel is passed to the view, only the properties from the inherited class show up.
Can this approach work or should I create two seperate ViewModels?
ViewModel:
public partial class HouseholdViewModel
{
public int Id { get; set; }
public int familyID { get; set; }
public string entityName { get; set; }
public System.DateTime attachmentDate { get; set; }
}
public partial class DisplayHouseholdViewModel : HouseholdViewModel
{
public string phone { get; set; }
}
public partial class CreateHouseholdViewModel : HouseholdViewModel
{
public string familyPhoneCode { get; set; }
public string familyPhone { get; set; }
}
Controller (snippet):
public class HouseholdController : Controller
{
private WhatWorksEntities db = new WhatWorksEntities();
//return viewmodel object
private string displayView = "displayView";
private string createView = "createView";
public IEnumerable<object> GetModel(string view)
{
if (view == displayView)
{
var householdView = (from h in db.tHouseholds
select new DisplayHouseholdViewModel
{
Id = h.householdID,
familyID = h.familyID,
entityName = h.tEntity.entityName,
attachmentDate = h.attachmentDate,
phone = h.familyPhoneCode + " " + h.familyPhone
}).AsEnumerable();
return (householdView);
}
else
{
var householdView = (from h in db.tHouseholds
select new CreateHouseholdViewModel
{
Id = h.householdID,
familyID = h.familyID,
entityName = h.tEntity.entityName,
attachmentDate = h.attachmentDate,
familyPhoneCode = h.familyPhoneCode,
familyPhone = h.familyPhone
}).AsEnumerable();
return (householdView);
}
}
//
// GET: /Household/
public ActionResult Index()
{
var householdView = GetModel(displayView).Cast<DisplayHouseholdViewModel>();
return View(householdView);
}
The view that is returned doesn't display the phone property:
---EDIT to show debugger with phone data---
Debug view:

Answer 1

In your view you need some logic to display the field -
#Html.LabelFor(l => l.Phone, "Phone")
#Html.DisplayFor(p => p.Phone)
And at the top you need to make sure you are displaying the proper view model
#model YourNamespace.ViewModels.DisplayViewModel
If you are trying to change on the same view between two ViewModels you will need to create two separate partial views and toggle their display settings