SharePoint's first [useful] client side object modelTM?
http://spservices.codeplex.com/
http://jquery.com
Referencing jQuery, jQueryUI, and SPServices from CDNs – Revisited
http://sympmarc.com/2013/02/07/referencing-jquery-jquer...
$().SPServices({
operation: "operationname",
});
[webURL: "/sitepath",]
[option1: value1,]
[option2: value2,]
[async: fals...
var thisPromise = $().SPServices({
operation: "operationname",
[webURL: "/sitepath",]
[option1: value1,]
[option2: value2]...
completefunc: function(xData, Status) {
$(xData.responseXML).SPFilterNode("z:row").each(function() {
var out = "<li>" + $(...
thisPromise.done(function() {
$(thisPromise.responseXML).SPFilterNode("z:row").each(function() {
var out = "<li>" + $(this...
• Lets you set up cascading dropdowns on SharePoint forms (think
Country / Region / State / City)
• Enforces hierarchical ...
• Show related
information based
on a selection in a
dropdown
• Images, table data,
links – the function
figures it out fo...
• Use the available
screen real estate
to improve the UX
• Options widened
based on widest
value, regardless of
branding
Email marc.anderson@sympraxisconsulting.com
Twitter @sympmarc
Blog http://sympmarc.com
SPServices http://spservices.codepl...
SPTechCon SFO 2014 - SharePoint Solutions with SPServices
SPTechCon SFO 2014 - SharePoint Solutions with SPServices
SPTechCon SFO 2014 - SharePoint Solutions with SPServices
SPTechCon SFO 2014 - SharePoint Solutions with SPServices
SPTechCon SFO 2014 - SharePoint Solutions with SPServices
SPTechCon SFO 2014 - SharePoint Solutions with SPServices
SPTechCon SFO 2014 - SharePoint Solutions with SPServices
SPTechCon SFO 2014 - SharePoint Solutions with SPServices
SPTechCon SFO 2014 - SharePoint Solutions with SPServices
SPTechCon SFO 2014 - SharePoint Solutions with SPServices
SPTechCon SFO 2014 - SharePoint Solutions with SPServices
Upcoming SlideShare
Loading in...5
×

SPTechCon SFO 2014 - SharePoint Solutions with SPServices

517

Published on

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. We’ll also discuss how you should think about migrating from SPServices to REST calls and when it makes sense.

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
517
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

SPTechCon SFO 2014 - SharePoint Solutions with SPServices

  1. 1. SharePoint's first [useful] client side object modelTM?
  2. 2. http://spservices.codeplex.com/
  3. 3. http://jquery.com
  4. 4. Referencing jQuery, jQueryUI, and SPServices from CDNs – Revisited http://sympmarc.com/2013/02/07/referencing-jquery-jqueryui-and-spservices-from-cdns-revisited/ Note the “protocol-less” references
  5. 5. $().SPServices({ operation: "operationname", }); [webURL: "/sitepath",] [option1: value1,] [option2: value2,] [async: false,] completefunc: function (xData, Status) { ...do stuff... }
  6. 6. var thisPromise = $().SPServices({ operation: "operationname", [webURL: "/sitepath",] [option1: value1,] [option2: value2] }); thisPromise.done(function() { ...do stuff... }); Promises were added in v2013.01
  7. 7. completefunc: function(xData, Status) { $(xData.responseXML).SPFilterNode("z:row").each(function() { var out = "<li>" + $(this).attr("ows_Title") + "</li>"; $("#statesUL").append(out); }); } <ul id=“statesUL"/>
  8. 8. thisPromise.done(function() { $(thisPromise.responseXML).SPFilterNode("z:row").each(function() { var out = "<li>" + $(this).attr("ows_Title") + "</li>"; $("#statesUL").append(out); }); }); <ul id=“statesUL"/>
  9. 9. • Lets you set up cascading dropdowns on SharePoint forms (think Country / Region / State / City) • Enforces hierarchical relationships between column values using the GetListItems operation of the Lists Web Service to refresh the allowable values based on relationships which are maintained in reference lists • Users manage the relational content in reference lists
  10. 10. • Show related information based on a selection in a dropdown • Images, table data, links – the function figures it out for you • Great for visual cues, improving data quality – reduce GIGO • Users manage the relational content in reference lists
  11. 11. • Use the available screen real estate to improve the UX • Options widened based on widest value, regardless of branding
  12. 12. Email marc.anderson@sympraxisconsulting.com Twitter @sympmarc Blog http://sympmarc.com SPServices http://spservices.codeplex.com SPXSLT http://spxslt.codeplex.com Books http://sympmarc.com/books The Middle Tier Manifesto http://bit.ly/middletier
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×