how to use telerik radgrid in an sp2013 webpart
DESCRIPTION
This is a walkthrough of how to use Telerik's ASP.NET AJAX RadGrid to build a data driven web part in SharePoint 2013.TRANSCRIPT
![Page 1: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/1.jpg)
2014
How to use Telerik RadGrid in an SP2013 Web Part
MICHAEL BLUMENTHAL
![Page 2: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/2.jpg)
2014
Who is this guy?
Michael Blumenthal• Sr. Solution Architect• CSPUG Co-Leader• 19 years in IT Consulting• 11 years of SharePoint • SharePoint Developer• (among other things)
![Page 3: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/3.jpg)
2014
Roadmap
Why Telerik?
Installing Telerik
Building an Admin Page with RadGrid
![Page 4: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/4.jpg)
2014
Why custom Web Parts?
Usability
![Page 5: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/5.jpg)
2014
Why Telerik?
![Page 6: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/6.jpg)
2014
Why RadGrid?
Productivity
![Page 7: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/7.jpg)
![Page 8: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/8.jpg)
2014
Brandability
![Page 9: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/9.jpg)
No Free Lunch
![Page 10: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/10.jpg)
2014
Roadmap
Why Telerik?
Installing Telerik
Building an Admin Page with RadGrid
![Page 11: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/11.jpg)
2014
Installing Telerik ASP.NET AJAX library
![Page 12: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/12.jpg)
![Page 13: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/13.jpg)
So how do you wire it up?
![Page 14: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/14.jpg)
2014
After Install
![Page 15: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/15.jpg)
2014
Telerik Control Panel
![Page 16: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/16.jpg)
![Page 17: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/17.jpg)
2014
![Page 18: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/18.jpg)
2014
Roadmap
Why Telerik?
Installing Telerik
Building an Admin Page with RadGrid
![Page 19: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/19.jpg)
2014
Zero to Done in 4 Steps
Done!Custom
Row Editor
Custom Columns
Display DB Data
Add RadGrid
1. 2. 3. 4.
![Page 20: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/20.jpg)
2014
#1: Add RadGrid to your Web Part
![Page 21: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/21.jpg)
2014
#2: Display Your Data
![Page 22: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/22.jpg)
2014
#2a: Set the Data Source to a Data Table
![Page 23: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/23.jpg)
2014
![Page 24: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/24.jpg)
2014
#3:Customize the Columns
![Page 25: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/25.jpg)
2014
Before and After
![Page 26: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/26.jpg)
2014
3a: Tweak the Column Renderings
![Page 27: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/27.jpg)
2014
Tooltips!
![Page 28: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/28.jpg)
2014
#4: Custom Row Editor
Yuck! Yeah!
![Page 29: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/29.jpg)
2014
![Page 30: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/30.jpg)
![Page 31: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/31.jpg)
![Page 32: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/32.jpg)
2014
4a: Wiring up row changes
![Page 33: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/33.jpg)
2014
4b: Insert
![Page 34: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/34.jpg)
2014
4c:Update
![Page 35: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/35.jpg)
2014
4e: Delete
![Page 36: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/36.jpg)
2014
Zero to Done in 4 Steps
Done!Custom
Row Editor
Custom Columns
Display DB Data
Add RadGrid
![Page 37: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/37.jpg)
2014
Bonus: Sorting & Paging
![Page 38: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/38.jpg)
2014
Roadmap
Why Telerik?
Installing Telerik
Building an Admin Page with RadGrid
![Page 39: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/39.jpg)
2014
Resources
Telerik: www.Telerik.com
Sample Code: https://sp2013radgridexample.codeplex.com/
![Page 40: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/40.jpg)
2014
Questions
• Michael BlumenthalSharePoint ArchitectPSC Group, LLC
• [email protected]• www.psclistens.com• www.cspug.com • Michaelblumenthal.me• Twitter: @MichaelBL• SPYam & MWC Yam
Thank you for your time today.
PSC is Hiring!
![Page 41: How to use Telerik RadGrid in an SP2013 webpart](https://reader036.vdocuments.us/reader036/viewer/2022062514/558d3a63d8b42a5f688b4657/html5/thumbnails/41.jpg)
41