richselect combo in toolbar not setting pager size...

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
			            };

Also… how do I refresh the grid with new pager size and/or group changes?