amedina
21 Jun 2011, 11:30 AM
Can some one write an example how to use the Paging Memory Proxy. I want to create a paging on a grid.
This is my code
Ext.Loader.setConfig({ enabled: true });
Ext.Loader.setPath('Ext.ux', 'ux/');
Ext.require([
'Ext.data.*',
'Ext.tip.QuickTipManager',
'Ext.form.*',
'Ext.ux.data.PagingMemoryProxy',
'Ext.grid.Panel'
]);
Ext.define('Cases', {
extend: 'Ext.data.Model',
fields: ['nocase', 'client']
});
var store_cases = Ext.create('Ext.data.Store', {
model: 'Cases',
pageSize: 25,
remoteSort: true,
sorters: ['nocase', 'client'],
proxy: {
type:'pagingmemory',
url: 'getrecords.jsp',
reader: {
type: 'json'
, root: 'rows'
}
}
});
var grid_2 = Ext.create('Ext.grid.Panel', {
frame: false,
collapsible: false,
store: store_casos,
columns: [
{ text: "Num Case", flex: 1, dataIndex: 'nocase' }
, { text: "Client", flex: 1, dataIndex: 'client' }
]
,
bbar: Ext.create('Ext.PagingToolbar', {
store: store_cases,
pageSize: 25,
displayInfo: true,
displayMsg: 'Total {2}',
emptyMsg: "Nothing here"
}),
This is my code
Ext.Loader.setConfig({ enabled: true });
Ext.Loader.setPath('Ext.ux', 'ux/');
Ext.require([
'Ext.data.*',
'Ext.tip.QuickTipManager',
'Ext.form.*',
'Ext.ux.data.PagingMemoryProxy',
'Ext.grid.Panel'
]);
Ext.define('Cases', {
extend: 'Ext.data.Model',
fields: ['nocase', 'client']
});
var store_cases = Ext.create('Ext.data.Store', {
model: 'Cases',
pageSize: 25,
remoteSort: true,
sorters: ['nocase', 'client'],
proxy: {
type:'pagingmemory',
url: 'getrecords.jsp',
reader: {
type: 'json'
, root: 'rows'
}
}
});
var grid_2 = Ext.create('Ext.grid.Panel', {
frame: false,
collapsible: false,
store: store_casos,
columns: [
{ text: "Num Case", flex: 1, dataIndex: 'nocase' }
, { text: "Client", flex: 1, dataIndex: 'client' }
]
,
bbar: Ext.create('Ext.PagingToolbar', {
store: store_cases,
pageSize: 25,
displayInfo: true,
displayMsg: 'Total {2}',
emptyMsg: "Nothing here"
}),