PDA

View Full Version : Ext.ux.touch.grid.View: Best way to get paging toolbar



tino7_03
15 Jan 2012, 11:57 PM
I would like to get paging toolbar (when used) and change the docked config value to "bottom".
For to have always the same result I think also is a good way to inherit Ext.ux.touch.grid.View class, but I need to have a reference to a paging toolbar in my new class.



Ext.define('Ext.gp.Grid', { extend: 'Ext.ux.touch.grid.View', })

Can you help me?
thanks again

mitchellsimoens
16 Jan 2012, 6:11 AM
{
ftype : 'Ext.ux.touch.grid.feature.Paging',
launchFn : 'initialize'
pager : {
xtype : 'toolbar',
docked : 'bottom',
layout : {
type : 'hbox'
}
}
}

tino7_03
16 Jan 2012, 7:50 AM
I've tryed and it's works if I change


pager = me.getPager();


to



pager = this.pager;


in "init" functions of "Ext.ux.touch.grid.feature.Paging" class


it seems that the getter doesn't works...

mitchellsimoens
16 Jan 2012, 8:22 AM
Did you require the feature before you created the grid?

tino7_03
16 Jan 2012, 8:30 AM
I'd like to have a grid with the pager to the bottom at its start...



{
xtype:'touchgridpanel',

store : Ext.create('GpMobile.store.Customers'),
features : [

{
ftype : 'Ext.ux.touch.grid.feature.Sorter',
launchFn : 'initialize'
},
{
ftype : 'Ext.ux.touch.grid.feature.Paging',
launchFn : 'initialize',


pager : {
xtype : 'toolbar',
docked : 'bottom',
layout : {
type : 'hbox'
}
}



}
],
columns : [
{
header : 'Ragione sociale',
dataIndex : 'an_descr1',
width : '100%',
//sortable : true
}
]
}