This step of the VIDEO TUTORIAL will demonstrate on how to create a GridView data web control (bound to an objectdatasource control) to display product information by invoking the GetProducts( ) method from ProductsBLL business object on DetailsBySelecting.aspx web page of our project. In order to highlight a particular row of the GridView control display, a ‘Select’ button link will be added to GridView control display via the smart tag menu. When an end user clicks on this link a post back occurs and this process also ensures that the GridView’s selected row property is updated. The ‘SelectedIndex’ property returns the currently selected row’s index and ‘SelectedValue’ and ‘SelectedDataKey’ properties return the values based upon the GridView’s DataKeyNames property. The selected row highlight color is controlled by the GridView.skin files in the App_Themes folder of our project which in turn depends on the style classes declared in the Style.css file our project. For detailed information and source code for this step, please refer to the original article.

This step of the VIDEO TUTORIAL will show case on how to display the selected row’s or selected product’s additional information on the same page using a DetailsView control that is located above the GridView on the same page. The DetailsView is bound to another ObjectDataSource control and invokes the GetProductByProductID method of ProductsBLL business object. The ProductID parameter is passed to this ObjectDataSource control from the GridView control’s SelectedValue property. For detailed information and source code for this step, please refer to the original article.