3

我尝试了 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 的新手，这个问题让我放弃了:(

4

1 回答 1

2

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

于 2012-05-28T17:19:21.147 回答