Hi Everyone:
I am trying to allow users to set the page size using toolbar combo. The code below doesn’t work.
Also… I would like to dynamically set group number based on toolbarCombo / number of rows (ie. master.count()).
var toolbar = {
view:"toolbar",
elements:[
{
view:"richselect", width:170, id:'toolbarCombo',labelWidth:90,
label: 'View Pages', labelAlign:"left",
value:1, options:[
{ id:1, value:"10" },
{ id:2, value:"15" },
{ id:3, value:"20" },
{ id:4, value:"50" }
]
},
{view:"search", align:"right", placeholder:"Search by keyword", id:"searchfilter", inputWidth: 250}
]
}
var pagerAhere = {
view:'pager',
id:'pagerA',
template:"{common.first()} {common.prev()} {common.pages()} {common.next()} {common.last()}",
container:"pagingBottom",
size:toolbarCombo.valueOf(),
group:5
};
var grid = {
view:"datatable",
id:"pubData",
columns:resultData['columns'],
select:"row",
// autoConfig:true,
autowidth:true,
autoheight:true,
/* on:{
onSelectChange:function(){
var text = "Selected: "+grid.getSelectedId(true).join();
console.log(text);
}
},
*/
data:resultData,
pager:"pagerA",
footer:true
};