Extjs 无法在选项卡面板sencha touch上放置嵌套列表，只能渲染标题

大家好，我一直在用简化的代码四处游荡，试图适应mvc模式，但无法让它工作！谁能帮我一把吗？谢谢 我一直在与其他代码进行比较，似乎这是相当标准的

app.js

Ext.application({
name: 'flop',

requires: [
    'Ext.MessageBox'
],

views: [ 'Main' , 'capitulos' ],
models: [ 'h1_1model' ],
stores: [ 'h1_1store' ],

launch: function() {
 Ext.fly('appLoadingIndicator').destroy();
 Ext.Viewport.add(Ext.create('flop.view.Main'))     
}});

Main.js

Ext.define('flop.view.Main', {
extend: 'Ext.tab.Panel',
fullscreen: true,
config:
{    

items: [
        {
         title: 'datos'

        },
        {
         xtype: 'capitulos',
         title: 'se'
         },
        {
         title: 'configs'
        }
       ]
}});

capitulos.js

Ext.define('flop.view.capitulos', {
extend: 'Ext.NestedList',
xtype: 'capitulos',
store: 'h1_1store'});

h1_1store.js

Ext.define('flop.store.h1_1store', {
 extend: 'Ext.data.TreeStore',
 model: 'flop.model.h1_1model',
        defaultRootProperty: 'items',
        root: {
            items: [
                {
                    text: 'Drinks',
                    items: [
                        {
                            text: 'Water',
                            items: [
                                { text: 'Still', leaf: true },
                                { text: 'Sparkling', leaf: true }
                            ]
                        },
                        { text: 'Soda', leaf: true }
                    ]
                },
                {
                    text: 'Snacks',
                    items: [
                        { text: 'Nuts', leaf: true },
                        { text: 'Pretzels', leaf: true },
                        { text: 'Wasabi Peas', leaf: true  }
                    ]
                }
            ]
        }});

h1_1模型.js

Ext.define('flop.model.h1_1model', {
        extend: 'Ext.data.Model',
        config: {
            fields: ['text']
        }});