sencha-touch - 引用 NestedList 中的容器

Question

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

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

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

Answer 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自动导航。