未捕获的 ReferenceError：创建新记录时，Kendo Grid 中未定义 CustomerContract

Question

我正在开发一个 asp.net mvc 项目，在该项目中我使用了一个填充有模型的网格。但是，我在尝试在网格中创建新记录时遇到错误，说Uncaught ReferenceError: CustomerContract is not defined.

这是我的网格和模板：

<script type="text/kendo" id="customerTemplate">
    #if(data != null){#
    #:data.Name#
    #}#
</script>

<script type="text/javascript">
    var customerTemplate = kendo.template($("#customerTemplate").html(), { useWithBlock: false });
</script>

@(Html.Kendo().Grid<ProjectModel>()
      .Name("grid")
      .Columns(columns =>
      {
          columns.Bound(p => p.Name);
          columns.Bound(p => p.CustomerContract).ClientTemplate("#:customerTemplate(CustomerContract)#");
          columns.Command(command =>
          {
              command.Edit();
              command.Destroy();
          }).Width(180);
      })
      .ToolBar(toolbar => toolbar.Create())
      .Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("ProjectPopUpTemplate"))
      .Pageable()
      .Sortable()
      .Scrollable()
      .HtmlAttributes(new {style = "height:500px;"})
      .DataSource(dataSource => dataSource
          .Ajax()
          .PageSize(10)
          .Events(events => events.Error("error_handler"))
          .Model(model => { model.Id(p => p.Id); })
          .Create(update => update.Action("EditingPopup_Create", "ProjectManagement"))
          .Read(read => read.Action("EditingPopup_Read", "ProjectManagement"))
          .Update(update => update.Action("EditingPopup_Update", "ProjectManagement"))
          .Destroy(destroy => destroy.Action("EditingPopup_Destroy", "ProjectManagement"))
      )
)

如果我选择不在 CustomerContract 列上使用模板（单元格值将仅为 [object Object]），则单击网格中的“添加新记录”按钮时弹出窗口正在工作。

这是我的阅读方法：

public ActionResult EditingPopup_Read([DataSourceRequest] DataSourceRequest request)
{
    ProjectContract[] list = ProjectService.GetProjects();
    return Json(list.ToDataSourceResult(request));
}

其中 ProjectContract 包含 CustomerContract 作为属性。

模型：

public class ProjectModel
    {
        private ProjectContract _projectContract;

        public ProjectModel(ProjectContract projectContract)
        {
            ProjectContract = projectContract;
        }

        public ProjectModel()
        {

        }

        public CustomerServiceClient CustomerService { get; set; }

        private ProjectContract ProjectContract
        {
            get
            {
                if (_projectContract == null)
                {
                    _projectContract = new ProjectContract();
                }

                return _projectContract;
            }
            set { _projectContract = value; }
        }

        [Display(Name = "Customer")]
        public CustomerContract CustomerContract
        {
            get
            {
                if (ProjectContract.CustomerContract == null)
                {
                    return new CustomerContract();
                }

                return ProjectContract.CustomerContract;
            }
            set { ProjectContract.CustomerContract = value; }
        }

        [Display(Name = "Customers")]
        public List<Customer> Customers { get; set; }

        [ScaffoldColumn(false)]
        public int Id
        {
            get { return ProjectContract.Id; }
            set { ProjectContract.Id = value; }
        }

        [Display(Name = "Project Name")]
        public string Name
        {
            get { return ProjectContract.Name; }
            set { ProjectContract.Name = value; }
        }
    }

我希望有人可以为我指出正确的方向，了解这里发生了什么，以及为什么我无法添加新记录。

Answer 1

在网格的模型部分。为新的客户合同添加一个字段并初始化一个新的客户合同，如下所示：

Model(model => {
    model.Id(p => p.id);
    model.Field(p => p.CustomerContract).default(new CustomerContract());
}

这应该可以解决您的问题。

如果你需要一个更完整的例子，我可以在我的电脑上做一个。