• Save

jQuery programming with visual web part



Client Object Model Vs jQuery

Client Object Model Vs jQuery



Total Views
Views on SlideShare
Embed Views



1 Embed 1

http://www.linkedin.com 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.


11 of 1

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

    jQuery programming with visual web part jQuery programming with visual web part Presentation Transcript

    • jQuery Programmingwith Visual Web PartSharePoint 2013 / 2010SharePoint UG 07/May/2013
    • Agenda What is jQuery? Why jQuery? jQuery Widgets Visual Web Parts and jQuery Demo Deploying jQuery Components with wsp
    • What is jQuery? jQuery is a library that makes it quicker and easier to build JavaScriptwebpages and web apps jQuery is itself written in JavaScript, and comes in the form of a single .js filethat you link to from your webpage The jQuery library actually comes in 2 forms: The uncompressed .js file is easy to read and modify, but its around 160kb in size(at the time of writing). The minified .js file has all comments, whitespace, and other unnecessarycharacters removed from the file, squeezing the whole library into a mere 23kb.
    • Why jQuery? Making XML (Ajax) requests. These use JavaScript to request additional datafrom the Web server without having to reload the page. Manipulating the DOM. You can easily add, remove, and reorder content inthe Web page using just a couple of lines of code Adding animated effects to elements. jQuery lets you easily add effects suchas fading in/out, sliding in/out, and expanding/contracting Rich UI animated Controls Available jQuery Plugins – Many reusable plugins available which are ready to use.
    • jQuery Widgets Accordion Autocomplete Button Datepicker Dialog Menu Progressbar Slider Spinner Tabs Tooltip
    • Client Object Model vs. jQuery Client Object Model Managed Client - Microsoft.SharePoint.Client.dll Silverlight - Microsoft.SharePoint.Client.Silverlight.dll ECMAScript - SP.js jQuery spservices http://spservices.codeplex.com/ jPoint http://jpoint.codeplex.com/discussions/81945 Raw jQuery http://jquery.com/
    • Client Object Model
    • SharePoint 2013 -REST(REpresentational State Transfer) jQuery Programming against list jQuery UI
    • REST POST – Create lists and sites PUT, PATCH, MERGE for updateClient object model REST equivalentClientContext.Web.Lists http://server/site/_api/web/listsClientContext.Web.Lists[guid] http://server/site/_api/web/lists(‘guid’)ClientContext.Web.Lists.GetByTitle("Title") http://server/site/_api/web/lists/getbytitle(‘Title’)
    • REST CallArea Access pointSite http://server/site/_api/siteWeb http://server/site/_api/webUser Profile http:// server/site/_api/SP.UserProfiles.PeopleManagerSearch http:// server/site/_api/searchPublishing http:// server/site/_api/publishingTo access a specific site collectionhttp://server/site/_api/siteTo access a specific sitehttp://server/site/_api/webParameterhttp://server/site/_api/web/lists/getByTitle(Announcements)/fields/getByTitle(Description)http://server/site/_api/web/lists(<guid>)/fields/getById(<guid>)Alias (both are same)http://server/site/_api/web/applyWebTemplate("STS#0")http://server/site/_api/web/applyWebTemplate(title=@template)?@template="STS#0“
    • Sample – Create List
    • Update List
    • jQuery UI Demo Accordion Sample