Download to read offline
![• Visit ExtaCloud’s booth for wrist bands!
Scallywag's Irish Pub
508 9th Ave, between 38th & 39th.
[6 minutes walk]
Scallywags also serves food.
http://www.scallywagsnyc.com/](https://image.slidesharecdn.com/spsnyc2016-jslinkprimer-160809191949/85/Spsnyc-2016-JSLink-Primer-5-320.jpg)
Uploaded byMichael Oryszak
Spsnyc 2016 JSLink Primer
The document provides an overview of using JSLink to customize SharePoint lists, views, and forms with client-side rendering. It discusses how JSLink allows overriding the default client-side rendering with custom scripts to manipulate fields and formatting. Examples are presented along with resources for learning more about JSLink and client-side rendering capabilities in SharePoint.
More Related Content
Similar to Spsnyc 2016 JSLink Primer
More from Michael Oryszak
Spsnyc 2016 JSLink Primer
- 1. JSLINK PRIMER Use JSLinkto Deliver Rich Uis and Customizations Mike Oryszak – B&R Business Solutions SPS NYC – 7/30/2016
- 2. ABOUT ME Sr SolutionArchitect w/ B&R Business Solutions 5x Microsoft SharePoint MVP (2010-2014) Dev and Architect on MS Stack since 1996 Working with SharePoint since 2002 @next_connect – http://mikeoryszak.com
- 3. THANK YOU EVENT SPONSORS Weappreciated you supporting the New York SharePoint Community! • Diamond, Platinum, Gold, & Silver have tables scattered throughout • Please visit them and inquire about their products & services • To be eligible for prizes make sure to get your bingo card stamped by ALL sponsors • Raffle at the end of the day and you must be present to win!
- 4. CONFERENCE MATERIALS • Slides/ Demo will be posted on Lanyrd.com • http://lanyrd.com/2016/spsnyc • Photos posted to our Facebook page • https://www.facebook.com/sharepointsaturdaynyc • Tweet Us - @SPSNYC or #SPSNYC • Sign Up for our NO SPAM mailing list for all conference news & announcements • http://goo.gl/7WzmPW • Problems / Questions / Complaints / Suggestions • Info@SPSNYMetro.com
- 5. • Visit ExtaCloud’sbooth for wrist bands! Scallywag's Irish Pub 508 9th Ave, between 38th & 39th. [6 minutes walk] Scallywags also serves food. http://www.scallywagsnyc.com/
- 6. OVERVIEW • Rendering inSharePoint • What is JSLink? • Why use JSLink? • Script Registration • Examples • Closing
- 7. RENDERING IN SHAREPOINT •Traditionally SharePoint relied on server side processing (2001->2010) • XSLT based search results • List views • List forms • Dataview web part • For efficiency (optimized downloads, faster rendering) MS moved to Client Side Rendering with SharePoint 2013 • Scripts on Demand (SOD) • Processing/rendering with client side javascript code • Display templates for roll-up rendering
- 8. WHAT IS JSLINK? •JSLink supports binding a custom client side script to a list view, form, or app in order to override the default client side rendering • With the injected script, you have control over when it fires (pre or post rendering) • You can manipulate specific fields or the entire item
- 9. WHY USE JSLINK? •Supported method for tapping into the CSR flow • Can generate robust content displays • Can enhance forms for dependent dropdowns or data lookups • Can load other content, use conditional formatting, or add actions
- 10.
- 11. RESOURCES • List TemplateType Reference • https://msdn.microsoft.com/en-us/library/microsoft.sharepoint.client.listtemplatetype(v=office.15).aspx • OfficeDev PnP: Samples • https://github.com/OfficeDev/PnP/tree/master/Samples/Branding.ClientSideRendering • Using JSLink to Change the UI of SharePoint List/View • http://www.sharepointnutsandbolts.com/2013/01/using-jslink-to-change-ui-of-sharepoint_20.html • Wes Preston – JSLink and CSR Examples • http://www.idubbs.com/blog/js-link-and-csr/