41
2014 How to use Telerik RadGrid in an SP2013 Web Part MICHAEL BLUMENTHAL

How to use Telerik RadGrid in an SP2013 webpart

Embed Size (px)

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.

Citation preview

Page 1: How to use Telerik RadGrid in an SP2013 webpart

2014

How to use Telerik RadGrid in an SP2013 Web Part

MICHAEL BLUMENTHAL

Page 2: How to use Telerik RadGrid in an SP2013 webpart

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

2014

Roadmap

Why Telerik?

Installing Telerik

Building an Admin Page with RadGrid

Page 4: How to use Telerik RadGrid in an SP2013 webpart

2014

Why custom Web Parts?

Usability

Page 5: How to use Telerik RadGrid in an SP2013 webpart

2014

Why Telerik?

Page 6: How to use Telerik RadGrid in an SP2013 webpart

2014

Why RadGrid?

Productivity

Page 7: How to use Telerik RadGrid in an SP2013 webpart
Page 8: How to use Telerik RadGrid in an SP2013 webpart

2014

Brandability

Page 9: How to use Telerik RadGrid in an SP2013 webpart

No Free Lunch

Page 10: How to use Telerik RadGrid in an SP2013 webpart

2014

Roadmap

Why Telerik?

Installing Telerik

Building an Admin Page with RadGrid

Page 11: How to use Telerik RadGrid in an SP2013 webpart

2014

Installing Telerik ASP.NET AJAX library

Page 12: How to use Telerik RadGrid in an SP2013 webpart
Page 13: How to use Telerik RadGrid in an SP2013 webpart

So how do you wire it up?

Page 14: How to use Telerik RadGrid in an SP2013 webpart

2014

After Install

Page 15: How to use Telerik RadGrid in an SP2013 webpart

2014

Telerik Control Panel

Page 16: How to use Telerik RadGrid in an SP2013 webpart
Page 17: How to use Telerik RadGrid in an SP2013 webpart

2014

Page 18: How to use Telerik RadGrid in an SP2013 webpart

2014

Roadmap

Why Telerik?

Installing Telerik

Building an Admin Page with RadGrid

Page 19: How to use Telerik RadGrid in an SP2013 webpart

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

2014

#1: Add RadGrid to your Web Part

Page 21: How to use Telerik RadGrid in an SP2013 webpart

2014

#2: Display Your Data

Page 22: How to use Telerik RadGrid in an SP2013 webpart

2014

#2a: Set the Data Source to a Data Table

Page 23: How to use Telerik RadGrid in an SP2013 webpart

2014

Page 24: How to use Telerik RadGrid in an SP2013 webpart

2014

#3:Customize the Columns

Page 25: How to use Telerik RadGrid in an SP2013 webpart

2014

Before and After

Page 26: How to use Telerik RadGrid in an SP2013 webpart

2014

3a: Tweak the Column Renderings

Page 27: How to use Telerik RadGrid in an SP2013 webpart

2014

Tooltips!

Page 28: How to use Telerik RadGrid in an SP2013 webpart

2014

#4: Custom Row Editor

Yuck! Yeah!

Page 29: How to use Telerik RadGrid in an SP2013 webpart

2014

Page 30: How to use Telerik RadGrid in an SP2013 webpart
Page 31: How to use Telerik RadGrid in an SP2013 webpart
Page 32: How to use Telerik RadGrid in an SP2013 webpart

2014

4a: Wiring up row changes

Page 33: How to use Telerik RadGrid in an SP2013 webpart

2014

4b: Insert

Page 34: How to use Telerik RadGrid in an SP2013 webpart

2014

4c:Update

Page 35: How to use Telerik RadGrid in an SP2013 webpart

2014

4e: Delete

Page 36: How to use Telerik RadGrid in an SP2013 webpart

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

2014

Bonus: Sorting & Paging

Page 38: How to use Telerik RadGrid in an SP2013 webpart

2014

Roadmap

Why Telerik?

Installing Telerik

Building an Admin Page with RadGrid

Page 39: How to use Telerik RadGrid in an SP2013 webpart

2014

Resources

Telerik: www.Telerik.com

Sample Code: https://sp2013radgridexample.codeplex.com/

Page 40: How to use Telerik RadGrid in an SP2013 webpart

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

41