SPTechCon BOS 2013 - SharePoint Solutions with SPServices
21
SharePoint Solutions with SPServices Marc D Anderson
-
Upload
marc-d-anderson -
Category
Technology
-
view
474 -
download
0
description
SPServices is a widely used jQuery library that abstracts SharePoint's Web Services and makes them easier to use. It also includes functions that use the various Web Service operations to provide more useful (and cool) capabilities. It works entirely on the client and requires no server install. Using SharePoint’s Web Services client-side, you can provide your users a more “tactile” experience. In this class, you'll learn how to use SPServices to build a more compelling user experience on top of SharePoint. We'll look at the most popular "value-added" SPServices functions as well as how you can use SPServices as part of your own development toolkit.
Transcript of SPTechCon BOS 2013 - SharePoint Solutions with SPServices
SharePoint Solutions with SPServices
Marc D Anderson
Who Is Marc?• Co-Founder and President of Sympraxis
Consulting LLC, located in the Boston suburb of Newton, MA, USA. Sympraxis focuses on enabling collaboration throughout the enterprise using the SharePoint application platform.
• More than 30 years of experience in technology professional services and software development. Over a wide-ranging career in consulting as well as line manager positions, Marc has proven himself as a problem solver and leader who can solve difficult technology problems for organizations across a wide variety of industries and organization sizes.
• Three-time awardee of the Microsoft MVP award for SharePoint Server (2011, 2012, 2013).
What Is SPServices?
SPServices is a jQuery library which abstracts SharePoint's Web Services and makes them easier to use. It also includes functions which use the various Web Service operations to provide more useful (and cool) capabilities. It works entirely client side and requires no server install.
Where Does SPServices Work?
How Does It All Fit Together?
Add More Plugins
?
Referencing Script Files
• Adding jQuery, SPServices, and jQueryUI
Referencing jQuery, jQueryUI, and SPServices from CDNs – Revisitedhttp://sympmarc.com/2013/02/07/referencing-jquery-jqueryui-and-spservices-from-cdns-revisited/
Note the protocol-less references
What Can You Do with SPServices?• SPServices Core:• Call SharePoint’s SOAP Web Services• Parse the returned XML to provide page content
or user feedback• Make changes to SharePoint objects
• Value-Added Functions• Enhance forms
SPServices’ Core Functions
Anatomy of an SPServices Call$().SPServices({ operation: "operationname",
});
[webURL: "/sitepath",] [option1: value1,] [option2: value2,] [async: false,]
completefunc: function (xData, Status) { ...do stuff...}
Anatomy of an SPServices Call using Promisesvar thisPromise = $().SPServices({ operation: "operationname", [webURL: "/sitepath",] [option1: value1,] [option2: value2]});
thisPromise.done(function() { ...do stuff...});
How Does an SPServices Call Work?
XML
Parsing Resultscompletefunc: function (xData, Status) { $(xData.responseXML).SPFilterNode("z:row").each(function() { var liHtml = "<li>" + $(this).attr("ows_Title") + "</li>"; $("#tasksUL").append(liHtml); });}
• Alabama•Hawaii• Texas•North Dakota
<ul id="tasksUL"/>
Value-Added Functions
• Combining multiple Web Services calls allows us to build cool functionality
• The value-added functions are useful and also can be used as prototypes for you to build your own functionality
SPCascadingDropdowns
SPDisplayRelatedInfo
SPSetMultiSelectSizes
Demos
Contact InformationeMail marc.anderson@sympraxisconsulting.
comBlog http://sympmarc.com
SPServices http://spservices.codeplex.com
SPXSLT http://spxslt.codeplex.com
Books http://sympmarc.con/books
The Middle Tier Manifesto
http://bit.ly/middletier
