• Save
Spicing up SharePoint web parts
Upcoming SlideShare
Loading in...5

Spicing up SharePoint web parts



From DevConnections Las Vegas, Apr 19, 2011 ...

From DevConnections Las Vegas, Apr 19, 2011

Whether it’s dashboards, content publishing, or day-to-day collaboration, SharePoint’s web pages usually contain lots of web parts. Using traditional post-back techniques to refresh a single web part’s content is both slow and visually annoying. This session will cover what’s possible using AJAX, custom web services, the client object model and jQuery to spice up the SharePoint web parts that you’re cooking. Boom!



Total Views
Views on SlideShare
Embed Views



1 Embed 1

http://paper.li 1



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

    Spicing up SharePoint web parts Spicing up SharePoint web parts Presentation Transcript

    • Spicing Up Web Parts using AJAX and Client Object Model
      Randy Williams
    • About the Speaker
      US-West Coast Manager for Synergy
      Based in San Diego, California
      SharePoint MVP
      Specialty in architecting solutions
      Blog: www.synergyonline.com/randy
      Twitter: @tweetraw
    • Agenda
      Custom Web Services
      Client Object Model
    • How AJAX Works
      AJAX consists of JavaScript, DHTML and XMLHTTP
      XMLHTTPRequest object
      Acts as a web service client
      Used instead of a full postback
      Web server processes request and sends back response to browser
      Browser receives the response and updates the page dynamically
    • Using AJAX in SP2010
      No configuration changes needed
      Built into web.config
      Built into v4.master
      Two primary ways
      Using UpdatePanel control (basic)
      Calling web services (advanced)
    • UpdatePanel
      Part of ASP.NET 3.5
      Easiest way to add AJAX capability
      Most server-side events run as partial postbacks
      For SharePoint, use conditional mode
      up.UpdateMode= UpdatePanelUpdateMode.Conditional;
      Simple, but limited
    • Demo
      Using Update Panel
    • Calling Web Services
      Using AJAX, the browser can directly call into Web Services
      More powerful than UpdatePanel
      JSON is used to encode messages
      AJAX engine does most of the hard work
      Depending on the method used, OOB Web Services will not work
      Custom ones can be used
    • Creating Custom Web Services
      Create new WCF Service App project
      Write web service
      Configure a web.config for web service
      Dynamic bindings will not work with AJAX
      enableWebScript endpoint behavior – allows it to be called from AJAX client
      Deploy within 14ISAPI
    • Demo
      Using AJAX to Call Custom Web Service
    • Client Object Model
      Working with SharePoint from client applications
      ECMAScript (JavaScript)
      .NET Managed
      Easier than calling web services directly
      Provides a subset of the functionality available in the server object model
      Designed to work with data within a site collection
    • The ClientContext Object
      ClientContext is your handle to all other objects
      Site, Web, List, Item, File
      Optimizes communication to server by batching requests
      Typical usage:
      Define a query to retrieve or modify SharePoint objects
      Pass the query to one of the ClientContext’s Load methods
      Use ClientContext to execute the query
      Work with results returned
    • Demo
      Client OM from Silverlight Web Part
    • Session Heads-Up
      In Raphael 1, tomorrow at 1:45pm…
      Randy Williams
      SharePoint 2010: Developing with
      Data Technologies
    • Using jQuery
      Multi-purpose JavaScript library
      With it, you will write less JavaScript 
      Cross-browser support
      Create interactive and usable apps
      No need to deploy assemblies
      Works great in sandboxed web parts
      Hundreds of jQuery plugins
    • Where to Store these .js Libraries?
      Deploy as a module-type feature
      Works in both farm and sandboxed WSP
      Copy manually to designed libraries
      e.g. SiteAssets
      Shared or individual instances?
      Best to not rename file
      e.g. keep as jquery-1.5.1.js
    • Demo
      Using jQuery
    • Using SPServices
      Two primary functions
      Allows jQuery to easily call SharePoint OOB web services
      ListFormWebPart enhancements
      Download from http://spservices.codeplex.com/
      Use when Client OM is insufficient
    • Demo
      Using jQuery and SPServices
    • Your Feedback is Important
      Please fill out a session evaluation form.
      Thank you!