How to use Telerik RadGrid in an SP2013 webpart

Preview:

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

2014

How to use Telerik RadGrid in an SP2013 Web Part

MICHAEL BLUMENTHAL

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)

2014

Roadmap

Why Telerik?

Installing Telerik

Building an Admin Page with RadGrid

2014

Why custom Web Parts?

Usability

2014

Why Telerik?

2014

Why RadGrid?

Productivity

2014

Brandability

No Free Lunch

2014

Roadmap

Why Telerik?

Installing Telerik

Building an Admin Page with RadGrid

2014

Installing Telerik ASP.NET AJAX library

So how do you wire it up?

2014

After Install

2014

Telerik Control Panel

2014

2014

Roadmap

Why Telerik?

Installing Telerik

Building an Admin Page with RadGrid

2014

Zero to Done in 4 Steps

Done!Custom

Row Editor

Custom Columns

Display DB Data

Add RadGrid

1. 2. 3. 4.

2014

#1: Add RadGrid to your Web Part

2014

#2: Display Your Data

2014

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

2014

2014

#3:Customize the Columns

2014

Before and After

2014

3a: Tweak the Column Renderings

2014

Tooltips!

2014

#4: Custom Row Editor

Yuck! Yeah!

2014

2014

4a: Wiring up row changes

2014

4b: Insert

2014

4c:Update

2014

4e: Delete

2014

Zero to Done in 4 Steps

Done!Custom

Row Editor

Custom Columns

Display DB Data

Add RadGrid

2014

Bonus: Sorting & Paging

2014

Roadmap

Why Telerik?

Installing Telerik

Building an Admin Page with RadGrid

2014

Resources

Telerik: www.Telerik.com

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

2014

Questions

• Michael BlumenthalSharePoint ArchitectPSC Group, LLC

• MBlumenthal@psclistens.com• www.psclistens.com• www.cspug.com • Michaelblumenthal.me• Twitter: @MichaelBL• SPYam & MWC Yam

Thank you for your time today.

PSC is Hiring!

41