Once we have defined our data package (model and store), we are ready to create our first grid. In this example, we are going to create the customers grid, as shown in the following code:
Ext.onReady(function(){
var myStore = Ext.create("Myapp.store.customers.Customers");
var myGrid = Ext.create('Ext.grid.Panel',{
height: 250,
width: 800,
title: 'My customers',
columns: [{
width: 70,
dataIndex: 'id',// *** model field name
text: 'Id'
},{
width: 160,
dataIndex: 'name', //***
text: 'Customer name'
},{
width: 110,
dataIndex: 'phone',//***
text: 'Phone'
},{
width: 160,
dataIndex: 'website',//***
text: 'Website'
},{
width: 80,
dataIndex: 'status',//***
text: 'Status'
},{
width: 160,
dataIndex: 'clientSince',//***
text: 'Client Since'
}],
store: myStore,
renderTo: Ext.getBody()
});
});