This VIDEO TUTORIAL will show on how to include and configure a Repeater data web control within another Repeater data web control. This functionality is demonstrated by adding two Repeater data web controls to the NestedControls.aspx page in the DataListRepeaterBasics folder of the Data Tutorial project. The first repeater control will display the Category Name and Description fields. Finally, this step will conclude the display of the Category information at run time. For detailed information and source code for this step, please refer to the original article.

This VIDEO TUTORIAL will discuss on how to add the second repeater control within the first repeater control that was created in the previous step of this video tutorial. This is accomplished by adding declarative mark up of the second repeater control within the source of the first repeater control. The objective of second repeater control is to display the products that belong to the category displayed by the first repeater control. The runtime display of the NestedControls.aspx web page is examined to see whether the second repeater control would be displayed or not. For detailed information and source code for this step, please refer to the original article.

This VIDEO TUTORIAL will demonstrate why the inner repeater did NOT show up in the earlier step. In order to display the inner repeater with corresponding products belong to a particular category, the declarative markup is modified and an additional ObjectDataSource titled ‘ProductsByCategoryDataSource’ which retrieves product information based on a particular CategoryID. The outer repeater control will pass the CategoryID to the inner repeater through the first repeater’s (CategoryList) ItemDataBound event handler. This will make the second repeater (ProductsByCategoryList) to enumerate its data source and display the corresponding products that belong to a particular category. In addition, this step will also demonstrate on how to programmatically emit the inner repeater’s markup at run time by creating a custom function. For detailed information and source code for this step, please refer to the original article.