Json 使用行元素中的对象数组作为视图数据在grid.Panel中呈现ExtJS view.view

Json 使用行元素中的对象数组作为视图数据在grid.Panel中呈现ExtJS view.view,json,extjs,grid,Json,Extjs,Grid,我有一个ExtJS grid.Panel,其中我必须在Ext.view.view中呈现一定数量的信息。相关数据被打包为行的JSON对象中包含的JSON对象,如下所示: { data: [ { firstName: "Bob", lastName: "Bobkins", age: 37, steps: [ {

我有一个ExtJS grid.Panel,其中我必须在Ext.view.view中呈现一定数量的信息。相关数据被打包为行的JSON对象中包含的JSON对象,如下所示:

{
    data: [
        {
            firstName: "Bob",
            lastName: "Bobkins",
            age: 37,
            steps: [
                {
                    stepNumber: 1,
                    stepName: "Step 1",
                    status: "Complete"
                },
                {
                    stepNumber: 2,
                    stepName: "Step 2",
                    status: "Complete"
                },
                {
                    stepNumber: 3,
                    stepName: "Step 3",
                    status: "Incomplete"
                },
                {
                    stepNumber: 4,
                    stepName: "Step 4",
                    status: "Incomplete"
                },
                {
                    stepNumber: 5,
                    stepName: "Step 5",
                    status: "Incomplete"
                }
            ]
        },
        {
            firstName: "Jane",
            lastName: "Jankins",
            age: 26,
            steps: [
                {
                    stepNumber: 1,
                    stepName: "Step 1",
                    status: "Complete"
                },
                {
                    stepNumber: 2,
                    stepName: "Step 2",
                    status: "Complete"
                },
                {
                    stepNumber: 3,
                    stepName: "Step 3",
                    status: "Complete"
                },
                {
                    stepNumber: 4,
                    stepName: "Step 4",
                    status: "Complete"
                },
                {
                    stepNumber: 5,
                    stepName: "Step 5",
                    status: "Incomplete"
                }
            ]
        }
    ]
}
“我的网格”打算根据顶级项为firstName、lastName和age组件呈现单独的列,并在steps组件的视图中呈现每个步骤


我可以将浏览器控制台日志中的步骤信息作为对象查看;我可以将对象中的信息渲染到网格中渲染的Ext.view.view吗?如果是,如何绑定?

您可以使用步骤对象中的字段将Ext.view.view绑定到存储,然后使用以下代码加载存储数据:

 var steps = selectedData.steps[0];
 myStore.loadData(steps);
上面的代码是加载所选人员的数组位置0中的步骤的示例