列表不會被渲染

我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