如何在Sencha Touch 2中将列表中的变量传递到新视图

Question

我尝试了2天时间在Sencha 2中建立列表与新视图之间的链接。

我有一个卡片布局中的列表：

Ext.define("BNC.view.Categorii", {
    extend: 'Ext.Panel',

    config: {
        layout: 'card',
        styleHtmlContent: true,
        scrollable: false,
        items: [{
            xtype: 'list',
            itemTpl: '<div class="itemCategorii" id="{id}"><div style="float:left;">{nume}</div><div style="float:right;">{id}</div></div>',
            listeners: {
                select: function(view, record) {
                    console.log(record.raw.id);
                    Ext.Viewport.setActiveItem(showDetails);
                    // How can I pass record.raw.id or record.raw.nume to showDetails view ?
                }
            },
            store: 'categoriiDB'

        }]
    }
});

我的showDetails是：

var showDetails = Ext.create('BNC.view.Detalis');

我的详细视图如下：

Ext.define("BNC.view.Bancuri", {
    extend: 'Ext.Panel',
    config: {
        layout: 'card',
        styleHtmlContent: true,
        scrollable: false,
        items: [{
            docked: 'top',
            xtype: 'toolbar',
            title: '**Here I need the var sended by list select**'
        }]
    }
});

我需要将列表项中的id传递到下一个视图中

Ext.Viewport.setActiveItem(showDetails);

如何在我的工具栏标题中打印id？

我对Sencha Touch非常陌生，这个问题让我想要放弃:(

- catalin87

Answer 1

我建议你使用http://docs.sencha.com/touch/2-0/#!/video/list示例。这个示例非常有用，你可以在列表和详细视图之间传递变量，并且在控制器中使用诸如shoDetail()等功能...

- Lasecun

---

如果在整个应用程序中使用选定的数据，我建议使用sessionstorage，因为示例仅显示如何在模板/HTML中使用数据。 - JRomero