javascript - 如何将变量从列表传递到 Sencha Touch 2 中的新 View

Question

我尝试了 2 天来在 Sencha 2 中建立列表和新 View 之间的链接。

I have my list inside a card layout :

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'

        }]
    }
});

My showDetails is:

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

My Details view is:

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 从列表项传递到由

创建的下一个 View

Ext.Viewport.setActiveItem(showDetails);

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

我是 Sencha Touch 的新手，这个问题让我放弃了 :(

Answer 1

我建议您使用 http://docs.sencha.com/touch/2-0/#!/video/list例子。非常有用，您有一个在列表和详细 View 之间传递变量的示例。 Controller 中的功能，如 shoDetail() 等...