Recently I have come across a situation where we need a page
which should be divided into 2 parts one with items and the other with Pages. Most
of us will come across this situation and this will be handy.
Example: when you select the Item1 you should see the Details
of the item1 only and the items and the details should be updated automatically
without adding this on the page again.
We can achieve this scenario by using the connected web
parts.
For this, you need 2 lists with at least one identical filed.
In my scenario, I’ve created 2 lists (Items and Details)
Items list has the
following items in it:
Details list has the following items in it:
Now, if you look at the lists, I have Title filed in common
and base on this I am going to create a connection between these 2 lists.
Add these 2 lists (Items and Details) as web parts on any
SharePoint page.
Now on the items web part you see the below menu:
We’ve 3 action to use here and they are explained in this article:
http://office.microsoft.com/en-us/sharepoint-server-help/connect-data-in-web-parts-HA101785157.aspx
In my case I am using Send Row of Data To (I am using this
option on Items list so that whatever I select in the items correspond details should
appear). You can also use Get Filter Values From but this has to be used on
Details web part as we will get the details based on the items selected.
After selecting the Details
I’ve configured Connection as per the below
screen shot:
We’ve completed creating the connected web parts. My users
will keep on updating the lists and I will have the ability to map the
information based on a criteria and show the information.
Based on my selection I see only the details related to that
filed on another list on the same page.
Note: I just created without using any code nor customizing
it with SharePoint Designer.
Using Visual Studio or SharePoint Designer, you can customize
your web part /lists to change the look and feel according to your requirement.