如何通过 Sencha touch 中停靠菜单列表中的菜单项选择轮播中的卡片？

Question

我不知道如何检索商店中给定的数据项（id-number）以将其发送到侦听器中的“setActiveItem”方法： 所以我有一个商店 - 模型：

    Ext.regModel('PictureItem', {
        fields: ['id', 'titel', 'url']
    });
    var pictureItems = new Ext.data.Store({
        model: 'PictureItem',
        data: [
            {id:1, titel:'page 1', url:'http://placekitten.com/1024/768'},
            {id:2, titel:'page 2', url:'http://placekitten.com/1024/768'},
            {id:3, titel:'page 3', url:'http://placekitten.com/1024/768'},

        ]
    });

这是我的菜单列表，名为“leftList”：

    var leftList = new Ext.List({
        dock: 'left',
        id:'list1',
        width: 135,
        overlay: true,
        itemTpl: '{titel}',
        singleSelect: true,
         defaults: {
            cls: 'pic'
        },
        store: pictureItems,
        listeners:{
            selectionchange: function (model, records) {
                if (records[0]) {
    Ext.getCmp('karte').setActiveItem(!!!Here the number of the selected Item 

or respondend "id" in the data store!!!);               
}                
}
            }

        });

和轮播......

       var carousel = new Ext.Carousel({
                id: 'karte',
        defaults: {
            cls: 'card'
                     },


         items: [{
            scroll: 'vertical',
            title: 'Tab 1',
            html: '<img class="orientation" alt="" src="img_winkel/titel_v.jpg">'       
        },

如果我调用

Ext.getCmp('karte').setActiveItem(2);

它，它可以与被调用的卡一起使用 - 但我如何从所选项目的 id 中获取数字菜单列表/商店？？？ 顺便说一下：

if (records[0]) { 是什么意思？ 为什么是[0]？

Answer 1

我找到了自己的答案 - 很简单：

Ext.getCmp('karte').setActiveItem(records[0].get('id'), {type: 'slide', direction: 'left'});

获取记录条目的秘密是“.get()”：

records[0].get('arrayfield')

所以现在我可以轻松更改轮播中的 activeItem...