This step of the VIDEO TUTORIAL and upcoming tutorials will elaborate on how to implement paging and sorting functionality in the reports of a web application. In general, paging and sorting functionality can be achieved by checking couple of check boxes from the smart tag menus of data web controls such as GridView control. However, this out of the box functionality may not be sufficient and may pose some performance degradation navigating through large sets of data. Therefore, to over come this out of the box sorting and paging functionality, a custom paging and sorting solution will be implemented. To demonstrate this functionality a new folder titled ‘PagingAndSorting’ is added to our Data Tutorial project with new additional pages to this newly created folder. All of the pages added to the ‘PagingAndSorting’ folder do inherit site.master as master page. The web.sitemap is also updated to reflect this new folder listing on the left side navigation menu of the Master page the Data Tutorial project at run time. For detailed information and source code for this step, please refer to the original article.

This step of the VIDEO TUTORIAL highlights the necessary steps to add a GridView control to display the product information to implement paging and sorting in the upcoming step. A GridView control is added to the SimplePagingSorting.aspx web page and is bound to an ObjectDataSource control that retrieves product information using GetProducts ( ) method of ProductsBLL business object. Only a sub set of the product information such as ProductName, Category, Supplier, UnitPrice and Discontinued fields are displayed in the GridView control at run time. For detailed information and source code for this step, please refer to the original article.

This step of the VIDEO TUTORIAL will demonstrate on how to adding paging support to the GridView control that was added in the previous step. Adding paging support with out of the box functionality is very simple and can be configured by checking the enable paging check box from the smart tag menu of the grid view. In addition, there are various PagerSettings that can be configured using the properties window of the GridView control. Finally, a PagerRowStyle class is added to the Style.css of the project and this class is applied to the GridView.skin file in App_Themes folder of the Data Tutorial project. This addition of newly created PagerRowStyle class to the GridView.skin file ensures that any GridView control that is added to any of the pages of Data Tutorial project would have similar interface at run time display.For detailed information and source code for this step, please refer to the original article.