引用 NestedList 中的容器答案

【问题标题】：Giving reference to container in NestedList引用 NestedList 中的容器
【发布时间】：2012-05-03 01:20:54
【问题描述】：

我正在尝试在此页面中执行最后一个示例

http://docs.sencha.com/touch/2-0/#!/guide/nested_list

我正在使用 sencha 架构师，但在示例中，我必须提供对嵌套列表的引用才能使用容器的详细信息卡，但我不能这样做，因为我无法在 sencha 架构师中编辑代码。我应该怎么做才能在嵌套列表中提供参考以使用容器和详细信息卡？

【问题讨论】：

您是否尝试过手动将id 添加到您的嵌套列表并稍后通过Ext.getCmp('your_component_id') 获取？

标签： sencha-touch extjs sencha-touch-2 sencha-architect

【解决方案1】：

您可以创建自定义视图来显示记录详细信息，并将其显示在嵌套列表的 leafitemtap 事件中。例如，您可以编写一个事件处理程序，包括：

var details = Ext.create('App.view.RecordDetail');
//lets say txtRecord is a text field in RecordDetail view
Ext.getCmp('txtRecord').setValue(record.get('text')); 
Ext.Viewport.setActiveItem(details);

您还可以在详细信息视图中使用包含后退按钮的工具栏，用于导航回嵌套列表。或者，您也可以查看Ext.navigation.View 进行自动导航。

【讨论】：