在sencha touch中将详细信息显示为navigationView

时间:2013-05-16 06:09:14

标签: javascript json sencha-touch

我有一组描述人与人之间关系的数据:

示例:

{
"entries":
[{"Name":"Jim",
"Friends":
[
{"friend" : "Peter" },
{"friend" : "Mike" },
{"friend" : "Fred",}
]

}, 
{"Name":"Peter",
 "Friends":
[
 {"friend" : "Jake"},
 {"friend" : "Sara"},
 {"friend" : "Mia"}
]
}
]
}

在第一个视图中,我创建了一个List,其中包含了navView中的名称。我的控制器然后在itemtap上推送一个详细信息视图,显示与该特定名称相关的朋友。

this.getName().push({
xtype: 'panel',
html: [

'<p>' + fetchRelations(data) + '</p>'
].join(''),
scrollable: true,
styleHtmlContent: true,
});

(fetchRelations基本上只是通过friends数组。)

这很好用。但是通过这种方法,我不能在下一步中点击详细信息视图中的名称并查看他的所有朋友,然后是下一个人,依此类推,因为详细信息视图是一个面板。当你点击一个名字时,可能有也可能没有与这个名字相关的朋友,如果没有名字,显然不应该在itemtap上显示详情视图。

我猜测detailview必须是一个navigationView,但我不知道如何实现这一点。向正确的方向点头非常感谢!

(Allreday在sencha论坛上发布了这个问题,但它已经12小时没有回复了,所以这就是我在SO尝试运气的原因)

1 个答案:

答案 0 :(得分:0)

为什么不使用列表来显示朋友?然后收听itemtap或itemsingletap事件,您可以在其中使用与所选记录相关的数据推送下一个视图... 您可以使用导航视图推送详细视图,或仅使用卡片布局推送容器并自行处理导航。