列表不会被渲染

我App.js文件（总结）

Ext.application({ 

launch: function() { 

// ... 

var list = Ext.create('Ext.List', { 
    itemTpl : '<img src="{icon}"/>{title}<br/>{description}', 
    store: store, 
    listeners: { 
    select: function(view, record) { 
     var customView = Ext.create(record.get('view')); 
     navView.push(customView); 
     view.deselectAll(); 
    } 
    } 
}); 

//---------------------------------------------------------------------- 
var navView = Ext.create('Ext.NavigationView', { 
    navigationBar:{ 
    items: [{ 
     text:'refresh', 
     align: 'right' 
    }] 
    }, 
    items: [list] 
}); 

//---------------------------------------------------------------------- 
Ext.Viewport.add(navView); 
} 
});

当我装我的导航视图内的视图，当它包含一个列表时，一切都很好。有一个视图，其中有一个列表。的子面板呈现，而不是列表视图（列表视图已经过测试，当然渲染在不同的上下文中）

Ext.define('ts.views.jobs', { 
extend: 'Ext.Panel', 
layout:'fit', 
config:{  
title:'Jobs' 
}, 

initialize: function() { 
this.callParent(); 
var jobsStore = Ext.create('Ext.data.Store', { 
    model: 'ts.model.job', 
    data: [{ 
    key2: 'key1' 
    }, { 
    key2:'key2' 
    }, 
    { 
    key2:'key3' 
    } 
    ] 
}); 

var jobsList = Ext.create('Ext.List', { 
    xtype: 'jobsList', 
    ui: 'round', 
    itemTpl : 'ok{key}', 
    store: jobsStore 
}); 

var panel = Ext.create('Ext.Panel', { 
    html: 'Testing' 
}); 

this.add([jobsList,panel]); 
} 
});

我到底做错了什么？ *是导航视图错误？ *我是不是在我的子视图中正确初始化？

Thx寻求帮助。

来源

2012-03-01 Lucas Mouilleron