Грид я создал, только не могу подключить pagingtoolbar. Он появляется только не перекидываются страницы.
Ext.define('User', {
extend: 'Ext.data.Model',
fields: [
{name: 'String1', type:'string'},
{name: 'String2', type:'string'},
{name: 'Boolean', type:'boolean', defaultValue: true},
{name: 'Date', type:'date'}
]
});
var userStore = Ext.create('Ext.data.Store', {
model: 'User',
pageSize: 4,
data: [
{ String1: 'Name11', String2:'Name21', Boolean: true, Date:'08/14/2012'},
{ String1: 'Name12', String2:'Name22', Boolean: false, Date:'01/30/2012'},
{ String1: 'Name13', String2:'Name23', Boolean: false, Date:'12/12/2012'},
{ String1: 'Name14', String2:'Name24', Boolean: true, Date:'08/22/2012'},
{ String1: 'Name15', String2:'Name25', Boolean: true, Date:'10/11/2012'},
{ String1: 'Name16', String2:'Name26', Boolean: false, Date:'10/01/2012'},
{ String1: 'Name17', String2:'Name27', Boolean: true, Date:'05/11/2012'},
{ String1: 'Name18', String2:'Name28', Boolean: true, Date:'02/11/2012'},
{ String1: 'Name19', String2:'Name29', Boolean: true, Date:'09/16/2012'}
]
});
Ext.create('Ext.grid.Panel', {
store: userStore,
width: 500,
height: 250,
title: 'Test Grid',
columns: [
{
text: 'String1',
width: 100,
hideable: false,
dataIndex: 'String1'
},
{
text: 'String2',
width: 100,
dataIndex: 'String2'
},
{
text: 'Boolean',
width: 50,
dataIndex: 'Boolean'
},
{
text: 'Date',
width: 100,
format:'d.m.Y',
xtype: 'datecolumn',
dataIndex: 'Date'
}
],
dockedItems: [{
xtype: 'pagingtoolbar',
store: userStore,
dock: 'bottom',
displayInfo: true
}],
renderTo: Ext.getBody()
});