在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进行自动导航。