如何将 ko.observable 子对象映射到 jquery grid

Question

我已经尝试了几天，搜索，尝试，调试，但我无法解决以下问题：

请从 knocout 可观察数组中查看 1 个对象：

Code: "CT001"
Description: "CT Neck"
Duration: 15
IsActive: true
IsSchedulingRequired: true
ModalityType: Object
             Code: "CT"
             Name: null
__proto__: ObjectStudyID: 2

我正在尝试使用以下方法将整个对象（包括子对象）绑定到 jquery 网格：

self.studies = ko.observableArray();
var studyGridSource = {
        localdata: self.studies,
        datatype: "observablearray"
    }
var studiesDataAdapter = new $.jqx.dataAdapter(studyGridSource);
$('#studiesGrid').jqxGrid({
        source: studiesDataAdapter,
        columns: [
            { text: "Description", datafield: 'Description' },
            { text: 'Duration', datafield: 'Duration' },
            { text: 'Code', map: 'ModalityType>Code' },
        ]
    });

填充网格时，它会很好地显示"说明"和"持续时间"，但"代码"列仍为空。

我在谷歌浏览器的调试器中看到我有完整的对象。

有人有什么提示吗？

Answer 1

我设法弄清楚了。

请看这个小提琴：http://jsfiddle.net/x5jdu7xv/6/

self.studies = [
{
    Description: "CT Neck",
    Duration: 15,
    ModalityType: { Code: "CT", Name: null }
}
];
var studyGridSource = {
localdata: self.studies,
datafields: [
    { name: "Description", datafield: 'Description' }, 
    { name: 'Duration', datafield: 'Duration' }, 
    { name: 'Code', map: 'ModalityType>Code' }, 
    ]
};
var studiesDataAdapter = new $.jqx.dataAdapter(studyGridSource);
$('#studiesGrid').jqxGrid({
source: studiesDataAdapter,columns: [
    { text: "Description", datafield: 'Description' }, 
    { text: 'Duration', datafield: 'Duration' }, 
    { text: 'Code', datafield: 'Code' }, 
]
});