Connecting Summary/Detail Views
In this sample, we’ll add a detail view of the employees that appear in the Phone List web part. When the user selects an employee on the Phone List, their details will appear in a box below.
To complete this sample, perform the following tasks:
=> Add a detail view of the Phone List to the Home page.
=> Connect the detail view to the Phone List web part (the summary view).
=> Test the connection to see how the summary/detail web parts work.
To add the detail view:
1. Navigate to the Home page where the Phone List web part appears and click Site Actions -> Edit Page. SharePoint displays the page in Edit mode.
2. Click Add a Web Part and add another Phone List web part to the Right web part zone.
3. On the new web part toolbar click edit -> Modify Shared Web Part. SharePoint displays the web part properties task pane on the right side of the page.
4. Change the web part properties as shown in the following table and click Apply.
=> Add a detail view of the Phone List to the Home page.
=> Connect the detail view to the Phone List web part (the summary view).
=> Test the connection to see how the summary/detail web parts work.
To add the detail view:
1. Navigate to the Home page where the Phone List web part appears and click Site Actions -> Edit Page. SharePoint displays the page in Edit mode.
2. Click Add a Web Part and add another Phone List web part to the Right web part zone.
3. On the new web part toolbar click edit -> Modify Shared Web Part. SharePoint displays the web part properties task pane on the right side of the page.
4. Change the web part properties as shown in the following table and click Apply.
5. Click the Edit the current view link in the top section of the properties pane and make the changes shown in the following table. Click OK when done.
Next, connect the Phone List web part to the Summary web part. To do that:
1. Click Site Actions -> Edit page. SharePoint displays the page in Edit mode.
2. Click the edit menu on the Details web part toolbar and select Connections -> Get Sort/Filter From-> Phone list as shown in Figure1. SharePoint displays the Configure Connection dialog.
3. Click Next, select the Column Last Name and click Finish. SharePoint connects the Last Name columns on both web parts.
4. Click Exit Edit Mode at the top right corner of the screen.
Figure1: Connecting the web parts
Next, connect the Phone List web part to the Summary web part. To do that:
1. Click Site Actions -> Edit page. SharePoint displays the page in Edit mode.
2. Click the edit menu on the Details web part toolbar and select Connections -> Get Sort/Filter From-> Phone list as shown in Figure1. SharePoint displays the Configure Connection dialog.
3. Click Next, select the Column Last Name and click Finish. SharePoint connects the Last Name columns on both web parts.
4. Click Exit Edit Mode at the top right corner of the screen.
Figure1: Connecting the web parts
Selecting a name in Phone List now displays that person in the Details web part as shown in Figure2.
Figure2: The summary/detail views in action
No comments:
Post a Comment