我正在使用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: " ", width: "250px" }
],
toolbar: ["create"],
editable: "inline",
pageable: true
});
当我在剑道网格中点击“添加新记录按钮”时,出现以下错误:
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网格成功更新该行。我可以编辑导航属性“注释”。但是由于某种原因,当我创建新行时,我无法使其工作。
我的猜测是,当我加载表时,它会加载导航属性,但是当我点击“添加新记录”时,它不知道如何创建导航属性“从头开始”,而当我更新一行时,它已经具有导航属性信息已加载。
有什么想法我将如何解决吗?谢谢。
编辑:
附带说明一下,我使用类似代码的其他网格没有此问题,但是当我在网格中添加新行并发布时,导航属性为null。它们唯一不为null的时间是在编辑时。创建新行时,应该如何“初始化”导航属性?
最佳答案
我认为您需要在这种情况下使用模板。对于注释字段,代码如下所示:
{
field: "Comments", template: function(dataItem) {
return dataItem.FREQ_POOL["Comments"];
}
}
我创建了一个jsbin to show how it fetches value from an object
希望这对您有所帮助
关于javascript - 使用导航属性创建Kendo UI网格模型的问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/29526759/