Download - Using SPD and SQL Stored Procedures

© 2011 PLANET TECHNOLOGIES, INC.

Using SPD and SQL Stored ProceduresPatrick Curran, MCT

A U G U S T 1 2 , 2 0 1 1


Patrick Curran

MCT, MCITP, MCTS, MCP SharePoint Architect for Planet Technologies. Working with SharePoint since 2003.

– Administrator / Developer– Architect / Implementer– Troubleshooting / Branding – Motto: Why code when SharePoint will do it OTB

PCfromDC.blogspot.com @PCfromDC

Agenda1. Review the SQL Tables and Stored Procedure.

2. Use SharePoint Designer 2010 to create a page, and add content.

3. Use SharePoint Designer 2010 create a database connection (Demo).

4. Insert a Data Source, add a GridView control and attach the data source to the GridView.

5. Clean up the Grid, and verify page (Demo).


Objective

Pass In and Out dates to a SQL stored procedure, review a list of free resources, then send selected resource an email.

Let’s get started!


Quick Review of SQL…Let’s take a look at the databases.


Quick Review of SQL…

Our resources, roles, and email addresses:



The resource’s current schedule:



The stored procedure:


Let’s Get Started…Let’s open up Designer and create a page to hold our information.

1- Open your site.2- Select Master Pages.3- Select the v4.master4- Right click and select New from Master Page.


Create A Page…

I hope these guys stop looking over my shoulder soon.

1- Save Page.

2- Ignore warning and click Yes


Create A Page…

1- Within the PlaceHolderMain, select the Common Content Tasks.2- Click Create Custom Content


Organize Content…

1- Click inside of the PlaceHolderMain.2- Insert a 2x4 Table.


Insert Calendars…

1- Find the 1st column, 2nd row cell of the table.2- Drag a Calendar control into the cell.3- Drag another Calendar control into the 2nd column, 2nd row cell.


Insert Calendars…

Should look something like this:


Rename The Calendars…

1- Rename Calendar1 to “indate”2- Rename Calendar2 to “enddate”


Create the Data Source…

1- Click Data Sources2- Add a Database Connection.



1 2



3 4



5 6



Connection Created!


Create More Content…

Insert our new Data Source!


Configure Data Source…



1 2



3 4



5 6



7 8



9


Configure GridView…

Can you believe the cat is actually playing the piano?

Let’s merge the 3rd row of cells.

2- Ignore warning and click Yes



Grab the GridView data control and drag it into the 3rd row of our table.



Select the appropriate Data Source



Our SQL stored procedure columns!


Our GridView .aspx


Tweak Our GridView…

Enable Paging and Sorting

Paging Sorting



1- Edit GridView Columns 2- Remove Resource_ID Field



3- Clean up Header Text 4- Hide email_address field



Since we want Resource_Full_Name to be a Hyperlink for email, we must convert it to a Template Field.


Our Tweaked GridView .aspx


Our Tweaked GridView .aspx

Now we can email!


Tweak The Table…


Thank You!!!

Email: [email protected]: PCfromDC.blogspot.comTwitter: @PCfromDC