How to add List to page container?

[ibrahimyilmaz]

Hi,

I'm trying to use your library. I'm using your example and I'm trying to add List component. But what ever I do, I couldn't make listview visible.

Could you help me for this?

Here is my simple example code.

model: Ext.define("MyProject.model.XType",{ extend:'Ext.data.Model', config:{ idProperty:"id", fields:[ {name:"id",type:"int"}, {name:"name",type:"string"} ] } })

store: Ext.define("MyProject.store.XTypes",{ extend:'Ext.data.Store', requires: [ "Ext.data.proxy.LocalStorage", "MyProject.model.XType" ], config: { model: "MyProject.model.XType", data: [ { id:"1", name: "A" }, { id:"2", name: "B" }, { id:"3",name: "C" }, { id:"4",name: "D" }, { id:"5",name: "E" }, { id:"6",name: "F" } ] }, initialize:function(){ this.callParent(arguments); console.log("XType::initialize called") } });

view: Ext.define("MyProject.view.XView",{ extend: "Ext.dataview.List", alias: "widget.xView", config: { loadingText: "Loading Notes...", emptyText: '

No notes found.

',
onItemDisclosure: true,
itemTpl: '{name}',
fullscreen: true
},
initialize:function(){
this.callParent(arguments);
    console.log("XView::initialize called");
    //this.setStore(Ext.getStore('XTypes'));
    //console.log(this.getStore());

}

});
in Main.js, I replace arbitrary html content to my view
{
xtype: 'toolbar',
title: 'Item 1',
docked: 'top'
},{
xtype: 'xView',
// Mask this item when the container is opened
maskOnOpen: true
}
app.js
stores:["xTypes"],
views: [
"Main",
"xView"
],
models:["xType"],