pageSizeChange

    
 <table id="grid"></table>
 <script>
     var grid = $('#grid').grid({
         dataSource: '/0_6/Grid/GetPlayers',
         uiLibrary: 'bootstrap',
         columns: [ { field: 'ID' }, { field: 'Name' }, { field: 'PlaceOfBirth' } ],
         pager: { limit: 2, sizes: [2, 5, 10, 20] }
     });
     grid.on('pageSizeChange', function (e, newSize) {
         alert('The new page size is ' + newSize + '.');
     });
 </script>