Cascading dropdown column in a SharePoint 2007 List


Objective 

This article will show how to use codeplex project to achieve Cascading drop down columns in SharePoint list. This article will show how to achieve parent child relationship in column of SharePoint list. 

Step 1

Download the project from codeplex.  Choose WSP file to download.   To download the project Click here

Step 2

After downloading the WSP add the solution using STSADM command.  Navigate to BIN folder and add the solution. 

Command 

C:\Program Files\Common Files\microsoft shared\Web Server Extensions\12\BIN> stsa

dm -o addsolution -filename c:\Stoneshare.CascadingDropDown.WithFilter.wsp

1.gif
Step 3 

Open Central ADMIN and deploy solution.  Navigate to Operation -> Global Configuration -> Solution Management.   Select the Global Deployment option. 

Step 4

After globally deployed the solution; check the GAC; type Assembly at Run; there would be a DLL added.
 
2.gif

Step 5

Let us say; three lists as follows.

Continent List 
  1. This list is having only one column called Title. 
  2. Title column is single line of text. 
3.gif

Countries List 
  1. This List contains three columns. 
  2. Title column is single line of text. 
  3. Country column is single line of text. 
  4. Continent column is Look up column from Continent list. See the diagram below. 
4.gif

5.gif

Cities List 
  1. This List contains three columns. 
  2. Title column is single line of text. 
  3. City column is single line of text. 
  4. Country column is Look up column from Countries list. See the diagram below. 
6.gif

Step 6

Creating MyLocation list. This list will have cascading dropdown column. 
  1. There are four columns in this list. 
  2. Title is Single line of text column. 
MyContinent column 

7.gif

8.gif

Point to be noted 
  1. Name of column is MyContinent 
  2. Type is Cascading drop down list.  This type will come after adding downloaded WSP as solution for the server. 
  3. This is a required column. 
  4. Give name of the Cascading drop down list detail as MyContinent
  5. There is no parent for this column. 
  6. Give Child Name as MyCountry. This column will get created as next column for this list. MyContinent will act as parent for MyCountry column. 
  7. In Site URL give URL of the site where Continent, Country and City list is part of.  And then click on Load Lists. 
  8. As a list name select Continent 
  9. As column of the value select Title. 
  10. As column for the text select Title.
  11. Column to join to parent can be null. Because there is Parent for the column. 
  12. Select column to filter as title. 
  13. As an operator choose Show All. We want to display all continent names. 
MyCountry column

9.gif

10.gif

Points to be noted 
  1. Parent name is MyContinent. This column got created previously. 
  2. Child name is MyCity. This column will get created next. 
  3. Column to join parent is Continent because this column is holding value for Continent in Countries list. 
  4. Column to filter is Continent 
  5. Select operator as Show All. 
  6. Value to filter is MyContinent .MyContinent is name of the parent column. 
MyCity column

11.gif

Points to be noted 
  1. Parent name is MyCountry. This column got created previously. 
  2. Column to join parent is Country because this column is holding value for Country in City list. 
  3. Column to filter is Country 
  4. Select operator as Show All. 
  5. Value to filter is MyCountry. MyCountry is name of the parent column. 
After creating above four columns structure of MyLocation list will look like. 

12.gif

Step 7

Creating new Item in MyLocation list. 

13.gif

MyContinent drop down has the entire continent from the list. 

14.gif
 
After selecting ASIA for MyContinent . MyCountry  drop down is loaded with India 

15.gif
 
While selecting India in MyCountry drop down MyCity will be loaded with Delhi. 

16.gif

Giving Title as South extension. The new Item would be like below. 

17.gif

Up Next
    Ebook Download
    View all
    Learn
    View all