This step of the VIDEO TUTORIAL will demonstrate on how to customize the paging experience of an end user by adding visual cues (using a label control and a dropdown list) to the paging mechanism of the GridView control. This is accomplished by utilizing the PageIndex and PageCount properties of the GridView control. The visual cue in the label control that displays the paging information of the GridView control as well as the list items in the dropdown list are the result of custom code written in the GridView control’s DataBound event handler. Finally, a dropdown list box is also added to the SimplePagingAndSorting.aspx web page above the GridView control under consideration to display the number available pages to which the GridView control can be navigated by selecting a particular page number 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 elaborate on how to implement bi directional sorting support to the GridView columns at run time display. Adding sorting to the columns in the GridView control at run time display is very simple, all it takes is to enable the sorting check box from the smart tag menu of the GridView control. This automatically includes a sort expression in the declarative mark up of the web page under consideration and converts the corresponding column headers in the GridView display as hyperlinks. In addition, these hyper links can also be customized using HeaderStyle properties either in the Style.css file or in the GridView.skin files of the project. Finally, the tutorial concludes in demonstrating on how to programmatically sort the data display in the GridView control by assigning the sort property of the GridView control in a click event of a button control. For detailed information and source code for this step, please refer to the original article.