To dive a little deeper to understand how Web part connections work, I take you through the following steps to create a simple Web part connection between a ListViewWebPart and a DataFormWebPart by using SharePoint Designer. Then, I help you explore the key code components that enable the Web part connections:
Create a new ASPX page in SharePoint Designer and then open it in the Design view.
Place the cursor on the Web page at the location where you want to insert the source Web part. For this exercise, the source Web part is a ListViewWebPart rendering data from a SharePoint List.
Choose Task Panes Web Parts to enable the Web Parts task pane.
In the Web Parts List, select the SourceWebPart and then click Insert Selected Web part to insert it on the Web page. This is illustrated in Figure 18.3.
Ensure that the data source you selected for the data view has matching data to filter by using the values from the source Web part.
Using the Data Source Library and Data Source Details task panes, insert a data view on the Web page.
Right-click on the source Web part and then choose Web Part Connections from the popup menu to open the Web Part Connections Wizard, as shown in Figure 18.4.
Using the Choose the action on the source Web Part to use for this connection dropdown menu, select Provide Row To and then click Next. In the top section of the Web Part ...