SharePoint Solutions with SPServices by Marc Anderson - SPTechCon

SharePoint Solutions with SPServices

SPTechCon SFO 2013

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.

• Almost 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?

Where Do I Get SPServices?

http://spservices.codeplex.com/

What Else Do I Need?

http://jquery.com

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/

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...}

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 prototypes for you to use 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

eBook http://bit.ly/UnlockingDVWP

The Middle Tier Manifesto

http://bit.ly/middletier