Extjs Sencha Touch：选项卡面板内的嵌套列表

我对Sencha Touch/ExtJS还是新手，目前正在探索演示和入门示例。但我偶然发现了这个问题，当我在选项卡面板项上插入嵌套列表时，我无法再浏览列表项

这是我的密码：

Ext.setup({
tabletStartupScreen: 'tablet_startup.png',
phoneStartupScreen: 'phone_startup.png',
icon: 'icon.png',
glossOnIcon: false,        

onReady: function(){ 

    // store with data
    var data = {
        text: 'Groceries',
        items: [{
            text: 'Drinks',
            items: [{
                text: 'Water',
                items: [{
                    text: 'Sparkling',
                    leaf: true
                },{
                    text: 'Still',
                    leaf: true
                }]
            },{
                text: 'Coffee',
                leaf: true
            },{
                text: 'Espresso',
                leaf: true
            },{
                text: 'Redbull',
                leaf: true
            },{
                text: 'Coke',
                leaf: true
            },{
                text: 'Diet Coke',
                leaf: true
            }]
        },{
            text: 'Fruit',
            items: [{
                text: 'Bananas',
                leaf: true
            },{
                text: 'Lemon',
                leaf: true
            }]
        },{
            text: 'Snacks',
            items: [{
                text: 'Nuts',
                leaf: true
            },{
                text: 'Pretzels',
                leaf: true
            },{
                text: 'Wasabi Peas',
                leaf: true
            }]
        },{
            text: 'Empty Category',
            items: []
        }]
    };
    Ext.regModel('ListItem', {
        fields: [{name: 'text', type: 'string'}]
    });
    var store = new Ext.data.TreeStore({
        model: 'ListItem',
        root: data,
        proxy: {
            type: 'ajax',
            reader: {
                type: 'tree',
                root: 'items'
            }
        }
    });
    var nestedList = new Ext.NestedList({
        fullscreen: true,
        title: 'Groceries',
        displayField: 'text',
        dock: 'top',
        store: store
    });

    var btnSpecTop = [
        { ui: 'back', text: 'Back'},
        { xtype: 'spacer' },
        { ui: 'default', text: 'Login' }
    ] // end btnSpecTop


    var tapHandler = function (btn, evt) {
        alert("Button '" + btn.text + "' tapped.");
    }        


    var dockedItems = [{
        xtype: 'toolbar',
        dock: 'top',
        title: 'Demo',
        items: btnSpecTop,
        defaults: { handler: tapHandler }
        },
        {
            xtype: 'tabpanel',
            layout: 'card',
            dock: 'top',
            fullscreen: true,
            items:[{
                title: 'test1',
                html: '<p>test 1</p>'
            },
            {
                title: 'test2',
                html: '<p>test 2</p>',
                dockedItems: nestedList
            },
            {
                title: 'test3',
                html: '<p>test 3</p>'
            }]
        }                
    ]

    var appPanel = new Ext.Panel({
        id: 'appPanel',
        fullscreen: true,
        dockedItems: dockedItems            
    });

}   // end onReady 
});

Ext.setup({
TabletStartup屏幕：“tablet_startup.png”，
phoneStartupScreen:'phone_startup.png'，
图标：“icon.png”，
格洛松尼康：错，
onReady:function（）{
//存储数据
风险值数据={
文字：“杂货店”，
项目：[{
文字：“饮料”，
项目：[{
文字：“水”，
项目：[{
文字：“闪闪发光”，
叶：是的
},{
文字：'仍然'，
叶：是的
}]
},{
文字：“咖啡”，
叶：是的
},{
文字：“浓缩咖啡”，
叶：是的
},{
文本：“红牛”，
叶：是的
},{
文字：“可口可乐”，
叶：是的
},{
文字：“健怡可乐”，
叶：是的
}]
},{
文字：“水果”，
项目：[{
文本：“香蕉”，
叶：是的
},{
文字：“柠檬”，
叶：是的
}]
},{
文字：“零食”，
项目：[{
正文：“坚果”，
叶：是的
},{
文字：“椒盐卷饼”，
叶：是的
},{
文字：“芥末豌豆”，
叶：是的
}]
},{
文本：“空类别”，
项目：[]
}]
};
Ext.regModel（'ListItem'{
字段：[{name:'text'，type:'string'}]
});
var store=new Ext.data.TreeStore({
模型：“ListItem”，
根：数据，
代理：{
键入：“ajax”，
读者：{
键入：“树”，
root:'项目'
}
}
});
var nestedList=new Ext.nestedList({
全屏：对，
标题：“食品杂货”，
显示字段：“文本”，
码头：“顶部”，
商店：商店
});
var btnSpecTop=[
{ui:'back'，text:'back'}，
{xtype:'间隔'}，
{ui:'default'，text:'Login'}
]//结束btnSpecTop
var tapHandler=函数（btn，evt）{
警报（“按钮“”+btn.text+“‘点击’”）；
}        
var dockedItems=[{
xtype:'工具栏'，
码头：“顶部”，
标题：“演示”，
项目：btnSpecTop，
默认值：{handler:tapHandler}
},
{
xtype:'tabpanel'，
布局：“卡片”，
码头：“顶部”，
全屏：对，
项目：[{
标题：“test1”，
html:“测试1
”
},
{
标题：“test2”，
html:“测试2
”，
dockedItems:嵌套列表
},
{
标题：“test3”，
html:“测试3
”
}]
}                
]
var appPanel=新的外部面板({
id:“appPanel”，
全屏：对，
dockedItems：dockedItems
});
}//结束onReady
});

---

希望有人能帮忙。谢谢

此错误仅出现在Sencha Touch的预RC版本上。：）

我不知道您使用的是哪个版本的sencha touch，但在导航中 工作正常，没有错误被抛出到控制台，因此请在观察您的错误时重试

---

控制台，我想出现了一个问题

voidnothings，您使用的是哪个版本的sencha touch？我刚刚尝试了你的代码，它对我来说很好（我使用的是v1.0）…很抱歉更新太晚了。RC版本的sencha touch解决了此错误。谢谢Carok！