JSOM and java script practices
Download as PPTX, PDF0 likes3,240 views
This document discusses JavaScript Object Model (JSOM) practices in SharePoint. JSOM allows accessing and modifying SharePoint data using JavaScript. It can be used in SharePoint-hosted or provider-hosted apps and sites without any server-side code. The document covers general JavaScript concepts, using self-executing anonymous functions to create namespaces, defining classes and objects, and including the necessary JSOM script references in SharePoint-hosted and provider-hosted environments.
JSOM and java script practices
- 1. JSOM Practices in SharePoint Melick Baranasooriya melick-rajee.blogspot.com
- 2. SharePoint Environment Need Environment For Connect Dlls SharePoint Client Can Use SharePoint Online Dlls SharePoint No Dll References Administrator SharePoint Client Runtime JavaScript JSOM SharePoint Development Sandbox Solutions No Need CSOM Farm Solutions SSOM Need SharePoint Environment
- 3. Interpreted Language Prototype based language JavaScript style of object-oriented programming Support Inheritance Dynamic Types Standardize as ECMAScript
- 4. x = "SomeName"; function Add() { x = "Add"; console.log("Add"); General Practices } //Functions is this correct ? window.Add(); //Global variables,window object console.log( window.x );
- 5. Window Object Window.add = function () { Window.x = “SomeName” };
- 6. Self-Executing Anonymous Function (function(mySpace,undefined ) { Own Namespace }( window.mySpace = window.mySpace || {})); Check the global space for mySpace and assign a new one if not available Leave the undefined as undefined.
- 7. (function(mySpace,undefined ) { //Private var x = 1; //Public Properties mySpace.y = "2"; }( window.mySpace = window.mySpace || {})); Console.log(mySpace.y) Console.log(mySpace.x) – Not accessible
- 8. (function(mySpace,undefined ) { //Public mySpace.add = function() { console.log("Add") }; Methods //Private function addItem( ) { console.log("AddItem") } }( window.mySpace = window.mySpace || {}));
- 9. mySpace.Class1 = function () { }; mySpace.Class1.prototype = { methodOne: function () { return "methodOne"; }, Classes and Objects methodTwo: function (para) { console.log(para); } }; var a = new Class1(); a.methodOne();
- 10. Use Js files available in Web Server Extensions15TEMPLATELAYOUTS JSOM JavaScript Object Model
- 11. SharePoint Hosted SP.SOD.executeFunc('sp.js', 'SP.ClientContext', function () { // Do }); Provider Hosted JSOM <script type="text/javascript" src="/_layouts/15/MicrosoftAjax.js"></script> <script type="text/javascript" src="/_layouts/15/sp.runtime.js"></script> <script type="text/javascript" src="/_layouts/15/sp.js"></script>
- 12. Single Reference Pattern https://srj.code plex.com/
- 13. ? Thank You