Using SPD and SQL Stored Procedures<br />Patrick Curran, MCT<br />August 12, 2011<br />
Patrick Curran<br />MCT, MCITP, MCTS, MCP<br />SharePoint Architect for Planet Technologies.<br />Working with SharePoint ...
Review the SQL Tables and Stored Procedure.<br />Use SharePoint Designer 2010 to create a page, and add content.<br />Use ...
Objective<br />Pass In and Out dates to a SQL stored procedure, review a list of free resources, then send selected resour...
Quick Review of SQL…<br />Let’s take a look at the databases.<br />
Quick Review of SQL…<br />Our resources, roles, and email addresses:<br />
Quick Review of SQL…<br />The resource’s current schedule:<br />
Quick Review of SQL…<br />The stored procedure:<br />
Let’s Get Started…<br />Let’s open up Designer and create a page to hold our information.<br />1- Open your site.<br />2- ...
Create A Page…<br />I hope these guys stop looking over my shoulder soon.<br />1- Save Page.<br />2- Ignore warning and cl...
Create A Page…<br />1- Within the PlaceHolderMain, select the Common Content Tasks.<br />2- Click Create Custom Content<br />
Organize Content…<br />1- Click inside of the PlaceHolderMain.<br />2- Insert a 2x4 Table.<br />
Insert Calendars…<br />1- Find the 1st column, 2nd row cell of the     table.<br />2- Drag a Calendar control into the cel...
Insert Calendars…<br />Should look something like this:<br />
Rename The Calendars…<br />1- Rename Calendar1 to “indate”<br />2- Rename Calendar2 to “enddate”<br />
Create the Data Source…<br />1- Click Data Sources<br />2- Add a Database     Connection.<br />
Create the Data Source…<br />1<br />2<br />
Create the Data Source…<br />3<br />4<br />
Create the Data Source…<br />5<br />6<br />
Create the Data Source…<br />Connection Created!<br />
No More PowerPoint!<br />Demo Time!<br />
Tweak The Web Part…<br />Remove the first column<br />
Create More Content…<br />Insert our new Data Source!<br />
Configure Data Source…<br />
Configure Data Source…<br />1<br />2<br />
Configure Data Source…<br />3<br />4<br />
Configure Data Source…<br />5<br />6<br />
Configure Data Source…<br />7<br />8<br />
Configure Data Source…<br />9<br />
Configure GridView…<br />Can you believe the cat is actually playing the piano?<br />Let’s merge the 3rd row of cells.<br ...
Configure GridView…<br />Grab the GridView data control and drag it into the 3rd row of our table.<br />
Configure GridView…<br />Select the appropriate Data Source<br />
Configure GridView…<br />Our SQL stored procedure columns!<br />
Our GridView .aspx<br />
Tweak Our GridView…<br />Enable Paging and Sorting<br />Paging<br />Sorting<br />
Tweak Our GridView…<br />1- Edit GridView Columns<br />2- Remove Resource_ID Field<br />
Tweak Our GridView…<br />3- Clean up Header Text<br />4- Hide email_address field<br />
Tweak Our GridView…<br />Since we want Resource_Full_Name to be a Hyperlink for email, we must convert it to a Template Fi...
Our Tweaked GridView .aspx<br />
Our Tweaked GridView .aspx<br />Now we can email!<br />
Tweak The Table…<br />
Tweak The Table…<br />
Let’s See If It Works!<br />Demo Time!<br />
Thank You!!!<br />Email: pcurran@go-planet.com<br />Blog: PCfromDC.blogspot.com<br />Twitter: @PCfromDC<br />
Upcoming SlideShare
Loading in …5
×

SharePoint Designer 2010 and SQL GridView Integration #SPSTCDC

3,533 views

Published on

In this SPSTCDC session, SharePoint Architect Patrick Curran of Planet Technologies provides a mix of theory and demo to achieve the following objectives:
*Review SQL Tables and Stored Procedures
*Utilize SharePoint Designer 2010 to
create DB connection, and add content to
a SharePoint page.
*Insert data sources, GridView controls
and attach.

Read more about Patrick Curran's views
on SharePoint at: http://pcfromdc.blogspot.com

Connect with him on Twitter at: @pcfromdc

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,533
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

SharePoint Designer 2010 and SQL GridView Integration #SPSTCDC

  1. 1. Using SPD and SQL Stored Procedures<br />Patrick Curran, MCT<br />August 12, 2011<br />
  2. 2. Patrick Curran<br />MCT, MCITP, MCTS, MCP<br />SharePoint Architect for Planet Technologies.<br />Working with SharePoint since 2003.<br />Administrator / Developer<br />Architect / Implementer<br />Troubleshooting / Branding <br />Motto: Why code when SharePoint will do it OTB<br /> PCfromDC.blogspot.com<br /> @PCfromDC<br />
  3. 3. Review the SQL Tables and Stored Procedure.<br />Use SharePoint Designer 2010 to create a page, and add content.<br />Use SharePoint Designer 2010 create a database connection (Demo).<br />Insert a Data Source, add a GridView control and attach the data source to the GridView.<br />Clean up the Grid, and verify page (Demo).<br />
  4. 4. Objective<br />Pass In and Out dates to a SQL stored procedure, review a list of free resources, then send selected resource an email.<br />Let’s get started!<br />
  5. 5. Quick Review of SQL…<br />Let’s take a look at the databases.<br />
  6. 6. Quick Review of SQL…<br />Our resources, roles, and email addresses:<br />
  7. 7. Quick Review of SQL…<br />The resource’s current schedule:<br />
  8. 8. Quick Review of SQL…<br />The stored procedure:<br />
  9. 9. Let’s Get Started…<br />Let’s open up Designer and create a page to hold our information.<br />1- Open your site.<br />2- Select Master Pages.<br />3- Select the v4.master<br />4- Right click and select New from Master Page.<br />
  10. 10. Create A Page…<br />I hope these guys stop looking over my shoulder soon.<br />1- Save Page.<br />2- Ignore warning and click Yes<br />
  11. 11. Create A Page…<br />1- Within the PlaceHolderMain, select the Common Content Tasks.<br />2- Click Create Custom Content<br />
  12. 12. Organize Content…<br />1- Click inside of the PlaceHolderMain.<br />2- Insert a 2x4 Table.<br />
  13. 13. Insert Calendars…<br />1- Find the 1st column, 2nd row cell of the table.<br />2- Drag a Calendar control into the cell.<br />3- Drag another Calendar control into the2nd column, 2nd row cell.<br />
  14. 14. Insert Calendars…<br />Should look something like this:<br />
  15. 15. Rename The Calendars…<br />1- Rename Calendar1 to “indate”<br />2- Rename Calendar2 to “enddate”<br />
  16. 16. Create the Data Source…<br />1- Click Data Sources<br />2- Add a Database Connection.<br />
  17. 17. Create the Data Source…<br />1<br />2<br />
  18. 18. Create the Data Source…<br />3<br />4<br />
  19. 19. Create the Data Source…<br />5<br />6<br />
  20. 20. Create the Data Source…<br />Connection Created!<br />
  21. 21. No More PowerPoint!<br />Demo Time!<br />
  22. 22. Tweak The Web Part…<br />Remove the first column<br />
  23. 23. Create More Content…<br />Insert our new Data Source!<br />
  24. 24. Configure Data Source…<br />
  25. 25. Configure Data Source…<br />1<br />2<br />
  26. 26. Configure Data Source…<br />3<br />4<br />
  27. 27. Configure Data Source…<br />5<br />6<br />
  28. 28. Configure Data Source…<br />7<br />8<br />
  29. 29. Configure Data Source…<br />9<br />
  30. 30. Configure GridView…<br />Can you believe the cat is actually playing the piano?<br />Let’s merge the 3rd row of cells.<br />2- Ignore warning and click Yes<br />
  31. 31. Configure GridView…<br />Grab the GridView data control and drag it into the 3rd row of our table.<br />
  32. 32. Configure GridView…<br />Select the appropriate Data Source<br />
  33. 33. Configure GridView…<br />Our SQL stored procedure columns!<br />
  34. 34. Our GridView .aspx<br />
  35. 35. Tweak Our GridView…<br />Enable Paging and Sorting<br />Paging<br />Sorting<br />
  36. 36. Tweak Our GridView…<br />1- Edit GridView Columns<br />2- Remove Resource_ID Field<br />
  37. 37. Tweak Our GridView…<br />3- Clean up Header Text<br />4- Hide email_address field<br />
  38. 38. Tweak Our GridView…<br />Since we want Resource_Full_Name to be a Hyperlink for email, we must convert it to a Template Field.<br />
  39. 39. Our Tweaked GridView .aspx<br />
  40. 40. Our Tweaked GridView .aspx<br />Now we can email!<br />
  41. 41. Tweak The Table…<br />
  42. 42. Tweak The Table…<br />
  43. 43. Let’s See If It Works!<br />Demo Time!<br />
  44. 44. Thank You!!!<br />Email: pcurran@go-planet.com<br />Blog: PCfromDC.blogspot.com<br />Twitter: @PCfromDC<br />

×