Hello, I have a very simple straight forward question. I am building a gridpanel from a collection of EmployeeJobs. Each EmployeeJob contains an Employee object I would like to bind the column Employee.EmployeeFullName to the grid however I've spent almost the full day wondering how to do that and searching but could not find one example.


please note the issue here >> Html.X().Column().Text("Employee Number").DataIndex("Employee.EmployeeNumber").Width(175),

Note all other columns are binding fine the Employee.EmplyeeNumber is blank.


>>>>code has been simplified 

Using MVC and Ext.net.Mvc 3.2

@model IEnumerable<ECIS.Model.EmployeeJob>
@{
    ViewBag.Title = "Simple Array Grid With Local Paging and Remote Reloading - Ext.NET MVC Examples";
    Layout = "~/Views/Shared/_Layout.cshtml";
}


@(Html.X().GridPanel()
        .Title("Array Grid")
        .Width(700)
        .Store(
            Html.X().Store().ID("Store1").Model(Html.X().Model()
                    .Fields(
                        new ModelField("EmployeeNumber"),
                        new ModelField("PositionNumber"),
                        new ModelField("JobSuffix"),
                        new ModelField("EmployeeOrgCode")
                    )
                  ).DataSource(Model)
            )
     
        .ColumnModel(
            Html.X().RowNumbererColumn(),
            Html.X().Column().Text("Employee Number").DataIndex("Employee.EmployeeNumber").Width(175),
            Html.X().Column().Text("Position Number").DataIndex("PositionNumber").Width(175).Renderer(RendererFormat.None),
            Html.X().Column().Text("Job Suffix").DataIndex("JobSuffix").Width(175),
            Html.X().Column().Text("Org. Code").DataIndex("EmployeeOrgCode").Width(185)
        )
    
)
controler 

  public partial class TestController : Controller
    {

        public ActionResult index()
        {
            ECIS.BLL.EmployeeJobBLL bll = new ECIS.BLL.EmployeeJobBLL();
            List<EmployeeJob> empJobs = bll.SearchEmployees("1111", "", "", "");
            return View(empJobs);
        }

    }
model

 public partial class EmployeeJob 
    {
        public EmployeeJob()
        {
            this.Employee = new Employee();
        }

        public string JobSuffix { get; set; }
        public string JobStatus { get; set; }
        public string EmployeeOrgCode { get; set; }

        public Employee Employee { get; set; }
}

 public class Employee
    {

        public string EmployeeNumber { get; set; }

        }