Question

我正在使用kendo ui网格，并且我正在尝试为具有一些导航属性的模型添加CRUD操作。这是我的架构：

 schema: {
                data: function (data) {  
                    return data || [];
                },
                model: {
                    id: "Id",
                    fields: {
                        Id: { editable: false,
                            nullable: false,
                            type: "number"
                        },
                        Frequency: { type: "string" },
                        FREQ_POOL: { type: "object" },//THIS IS A NAV IN MY MODEL

                    }
                }
            }

这是我的网格：

 $("#AFTRCCFreqGrid").kendoGrid({
            dataSource: AFTRCCDS,

            columns: [
                //   { field: "Id", title: "Freq ID", format: "{0:c}", width: "120px" },
                { field: "Frequency", title: "Frequency", editor: categoryDropDownEditor, format: "{0:c}", width: "120px" },
               { field: "FREQ_POOL.Comments", title: "Comments", format: "{0:c}", width: "120px" },
                { command: ["edit", "destroy"], title: "&nbsp;", width: "250px" }
            ],
            toolbar: ["create"],
            editable: "inline",
            pageable: true

        });

当我点击＆＃34;添加新记录按钮＆＃34;在kendo网格中，我收到以下错误：

Uncaught TypeError: Cannot read property 'Comments' of undefined(anonymous function) @ VM2305:3kendo.ui.DataBoundWidget.extend._rowsHtml @ kendo.all.js:55504kendo.ui.DataBoundWidget.extend._renderContent @ kendo.all.js:56181kendo.ui.DataBoundWidget.extend.refresh @ kendo.all.js:56084jQuery.extend.proxy.proxy @ jquery.js:548Class.extend.trigger @ kendo.all.js:181Observable.extend._process @ kendo.all.js:8378Observable.extend._change @ kendo.all.js:8317jQuery.extend.proxy.proxy @ jquery.js:548Class.extend.trigger @ kendo.all.js:181Observable.extend.splice @ kendo.all.js:5371Observable.extend.insert @ kendo.all.js:7587kendo.ui.DataBoundWidget.extend.addRow @ kendo.all.js:53021(anonymous function) @ kendo.all.js:53086jQuery.event.dispatch @ jquery.js:4665jQuery.event.add.elemData.handle @ jquery.js:4333

现在就是这样。我手动在我的SQL表中添加了一行，我可以使用kendo网格成功地更新该行。我可以编辑导航属性＆＃34;评论＆＃34;。但出于某种原因，当我创建一个新行时，我无法让它工作。

我的猜测是，当我加载表格时会加载导航属性，但是当我点击＆＃34;添加新记录＆＃34;时，它不知道如何创建导航属性＆＃34;从头开始＆＃34;，而当我更新一行时，它已经加载了导航属性信息。

我有什么想法来解决这个问题？谢谢。

修改

在旁注中，我使用类似代码的其他网格没有这个问题，但是当我向网格添加新行并发布时，导航属性为空。他们唯一没有时间是我正在编辑的时候。我该怎么做＆＃34;初始化＆＃34;我创建新行时的导航属性？

Answer 1

我认为在这种情况下你需要使用模板。对于comments字段，代码如下所示：

{
      field: "Comments", template: function(dataItem) {
      return dataItem.FREQ_POOL["Comments"];
    } 
  }

我创建了jsbin to show how it fetches value from an object

希望这有帮助

问题使用导航属性创建Kendo UI网格模型

1 个答案: