#HTML.DropDownListFor binding to entity framework issue - entity-framework

Question

I have a ViewModel that displays a list of values in a Razor table. I want to add a dropdownlistfor to filter the table data before the displaying it. I have found various posts on binding a ddl to a list, but they all suggest the format #Html.DropDownListFor(x => Model.field) for the DDL control. Unfortunately, when I type Model. my InteliSense type-ahead list does not show my view model list.
Any help would be greatly appreciated.
My model is:
public class HoursView
{
[Key]
public int HoursID { get; set; }
[Display(Name = "Company ID:")]
public int CompanyID { get; set; }
public string CompanyName { get; set; }
public int EmployeeID { get; set; }
public string EmployeeName { get; set; }
[Display(Name = "Week Ending Date:")]
[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "{0:MM/dd/yyyy}", ApplyFormatInEditMode = true)]
[Required]
public DateTime? WeekEndingDate { get; set; }
[Display(Name = "Hours Worked:")]
[Required]
public decimal? HoursWorked { get; set; }
[Display(Name = "Tips:")]
[Required]
public decimal? Tips { get; set; }
[Display(Name = "Tips-Cash:")]
[Required]
public decimal? Tips_Cash { get; set; }
public IEnumerable<SelectListItem> Companies { get; set; }
}
My controller "GET" code is:
var requiresHours =
from company in _context.Company
join employee in _context.Employees
on company.CompanyID equals employee.CompanyID
join hours in _context.EmployeeHours
on employee.EmployeeID equals hours.EmployeeID
into hourEmployeees
from subHours in hourEmployeees.DefaultIfEmpty()
where (employee.EmployeeType == "Hourly" || employee.EmployeeType == "Tips") &&
(employee.EmployeeStatus == "Active")
orderby employee.CompanyID, employee.EmployeeID
select new HoursView
{
CompanyID = company.CompanyID,
CompanyName = company.CompanyName,
EmployeeID = employee.EmployeeID,
EmployeeName = employee.EmployeeName,
WeekEndingDate = subHours == null ? dateEndingWeek : subHours.WeekEndingDate,
HoursWorked = subHours == null ? 0 : subHours.HoursWorked,
Tips = subHours.Tips == null ? 0 : subHours.Tips,
Tips_Cash = subHours.Tips_Cash == null ? 0 : subHours.Tips_Cash,
Companies = (from company in _context.Company select new SelectListItem
{
Value = company.CompanyID.ToString(),
Text = company.CompanyName
}).ToList()
};
return View(await requiresHours.ToListAsync());
My Razor code is (including the line that doesn't work):
#model IEnumerable<MvcPayroll.Models.HoursView>
#{
ViewData["Title"] = "Index";
}
<h1>Index</h1>
#using (Html.BeginForm("Index","EmployeeHours",FormMethod.Post))
{
#Html.DropDownListFor(x => Model.
<table class="table">
<thead>
<tr>
<th>
#Html.DisplayNameFor(model => model.CompanyID)
</th>
<th>
#Html.DisplayNameFor(model => model.EmployeeID)
</th>
<th>
#Html.DisplayNameFor(model => model.WeekEndingDate)
</th>
<th>
#Html.DisplayNameFor(model => model.HoursWorked)
</th>
<th>
#Html.DisplayNameFor(model => model.Tips)
</th>
<th>
#Html.DisplayNameFor(model => model.Tips_Cash)
</th>
<th></th>
</tr>
</thead>
<tbody>
#foreach (var item in Model)
{
<tr>
<td>
#Html.DisplayFor(modelItem => item.CompanyName)
</td>
<td>
#Html.DisplayFor(modelItem => item.EmployeeName)
</td>
<td>
#Html.DisplayFor(modelItem => item.WeekEndingDate)
</td>
<td>
#Html.EditorFor(modelItem => item.HoursWorked)
</td>
<td>
#Html.EditorFor(modelItem => item.Tips)
</td>
<td>
#Html.EditorFor(modelItem => item.Tips_Cash)
</td>
</tr>
}
</tbody>
</table>
<p><input type="submit" value="Save" /></p>
<p style="color:green; font-size:12px;">
#ViewBag.Message
</p>
}
Thanks,
David

Answer 1

I never could get this to work. I resorted to using a ViewBag with the collection. This was recommended in a number of posts on saw on the topic of populating drop-down lists on this site.