|How to integrate web parts using query string methods|
This series of postings explores building dashboards for SharePoint Server 2010 using SharePoint Designer 2010. Over the course of these postings, we'll explore:
- Some common web parts for displaying data
- Using Query string and other methods for integrating and filtering data
- Editing XML in order to customize web part data displays
- Using PowerShell-based methods to analyze data
- Cross-site data integration using web services
Step 1: Add pages
Connect to the site. From the browser, create two new pages. For this posting, these will be named ProductMaster and ProductDetail. These can be wiki pages or web part pages.
Launch SharePoint Designer 2010. Connect to the site, and then checkout and open the ProductDetail.aspx page for editing. Select the Insert ribbon, point to the Display Item Form button, click it, and then select the Products list.
Step 3: Build and Configure the Product Master page using the XSLT web part
The product listing can be developed in two ways: either using the XSLT List View web part or the Data View web part. The first approach will be explored next. Now, in SharePoint Designer 2010, checkout and then open ProductMaster.aspx.
Step 4: Build and Configure the Product Master page using the Data View web part
In SharePoint Designer 2010, with the ProductMaster.aspx page still being edit, delete the XSLT web part. Then, from the Insert ribbon, click on the Data View button, and then point to Empty Data View.
SharePoint 2010 Data View and XSLT List View.
In this posting, we have explored how to integrate web parts using query string methods. We created a master page displaying a list of hyperlinks that connected to a details page displaying additional information associated with the item clicked. The three web parts explored were: XSLT List View, Data View and Data Form. We also explored how to modify the underlying XSL in order to create the query string hyperlinks. For additional information on the topics covered in this posting, see the references below.
In the next posting of this series, we'll explore adding another web part to the Product Detail page that also obtains its filter value from the same query string value.
- TechNet: Northwind Sample Database
- CodeProject: HowTo: Install the Northwind and Pubs Sample Databases
- SharePointBits: SharePoint 2010 Northwind Sample Database Site Template
- Roger Jennings Access Blog: Upsizing the Northwind Web Database to an Updated SharePoint 2010 Server Hosted by AccessHosting.com
- AlsTechTips: Build a SharePoint Server 2010 Two-Tier Dev Environment
- Raymond Mitchell: Getting to know the Data Form Web Part
- Sakari Kouti: User Attributes - Inside Active Directory
- Microsoft SharePoint 2010: Customize Data Views and forms using SharePoint Designer
- Microsoft Developer Network: How to: Customize the Rendering of a Field on a List View
- Microsoft Office: Add a hyperlink to a Data View
- Laura Rogers - SharePoint 2010 Data View and XSLT List View
- Raymond Mitchell has written an excellent introduction to SharePoint 2007's Data View Web Part (DVWP).