1. SharePoint & jQuery: Better Together
I jQuery
SharePoint & jQuery: Better Together
Jan Tielens
Technology Advisor - Microsoft

2. Agenda Why using jQuery in SharePoint?
Enabling jQuery in your Sharepoint sites
Enabling your own scripts in your SharePoint sites
Some usage scenarios:
Using the SharePoint Client Object Model
Using jQuery Plugins
Using the SharePoint Dialog Framework

3. Why using jQuery in SharePoint?
I jQuery
Trend: richer user experiences
Also in the browser!
More processing on the client
Techniques
Silverlight & competitors
Javascript
Javascript challenges
Lots of boring, repetitive “plumbing” code
Cross browser compatibility

4. Enabling jQuery in your SharePoint Sites
Two things to think about:
Where to host jQuery?
How to reference jQuery?

5. Where to host jQuery? Inside SharePoint
On the Virtual File System (e.g. a Document Library)
In the Physical File System (/_layouts)
Outside SharePoint
Microsoft Ajax Content Delivery Network (CDN)

6. How to reference jQuery?
Bottom line: <script src=".../jquery.js" type="text/javascript"></script>
In the Master Page
Using a Delegate Control
Ad hoc (e.g. in a Web Part)
Using a Custom Action
I the Custom Action option

7. 1) Hosting and referencing jQuery
I jQuery
1) Hosting and referencing jQuery

8. Enabling your own scripts in your SharePoint sites
Exactly the same as with jQuery itself!
Except the CDN option 

9. 2) Enabling custom scripts
I jQuery
2) Enabling custom scripts

10. Data Access in SharePoint 2010
11/28/2018 4:41 PM
Data Access in SharePoint 2010
REST APIs
Strongly-typed
Client OM
Client-side
Weakly-typed
Data Platform
Farm
Site
List Data
External Lists
Server OM
Server-side
Weakly-typed
LINQ
Strongly-typed
New in 2010
Improved
© 2007 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

11. Client Object Model and jQuery
Simple API to Add, Retrieve, Update and Manage Data in SharePoint
Commands batched for Performance
SharePoint Data
Consistent
Efficient
Client Application
.NET CLR
Silverlight CLR
JavaScript

12. 3) The Client OM and jQuery
I jQuery
3) The Client OM and jQuery

13. Using jQuery Plugins
I jQuery

14. I
I jQuery
4) jQuery Plugins

15. The Dialog Framework and jQuery
Ajax based dialog
Reduces page refreshes
JavaScript client object model
SP.UI.ModalDialog
From Server Ribbon

16. I
I jQuery
5) Dialogs and jQuery

17. Summary Why using jQuery in SharePoint?
Enabling jQuery in your Sharepoint sites
Enabling your own scripts in your SharePoint sites
Some usage scenarios:
Using the SharePoint Client Object Model
Using jQuery Plugins
Using the SharePoint Dialog Framework

18. Stay up to date with MSDN Belux
Register for our newsletters and stay up to date:
Technical updates
Event announcements and registration
Top downloads
Follow our blog
Join us on Facebook
LinkedIn:
Download MSDN/TechNet Desktop Gadget
Please keep this slide

19. TechDays On-Demand
Watch this session on-demand via Channel9
Download to your favorite MP3 or video player
Get access to slides and recommended resources by the speakers

20. THANK YOU