Set pageSize of grid depends on screen height

[manojvijayan]

I have created a grid panel using Easy UI. The grid panel is fit to all screens.The page size of grid is 20. In small screens, the grid has scrolling. In wide screen,there is some blank space between last record  and pagination tool even though there is more than 20 records.In this blank space, we can accommodate 4 or 5 records.

Please see the attached file.There is 2 pages [25 records]. First page shows 20 records. Some blank space is shown after the 20th record.

I want 15 records for small screens and 25 records for wide screens.There should not be scroll bar and blank space.

How can dynamically set the pageSize of grid depends on screen height or grid height ?
Is there any function to get the height of grid panel?

[stworthy]

Notice that your datagrid is placed on center panel of layout. The code below can get the datagrid outer height.

Code:

var height = $('body').layout('panel','center').height();
alert(height);

Another way to get the height of datagrid is to get the outer panel of datagrid and then get its height.

Code:

var height = $('#dg').datagrid('getPanel').panel('panel').outerHeight();
alert(height);

[Ellipsis]

Thanks I"ll use the panel height to hide the vertical scrollbar when possible