Launch Forms in Dialogue For a SharePoint List in SharePoint Site 2013 Using REST API

Introduction

Welcome to the SharePoint 2013 REST Series. In my previous article, we saw how to get the content type for a SharePoint list using the REST API. This article explains how to enable the property launch forms in a dialogue for a given SharePoint list using the REST API.

The SharePoint 2013 environment adds the ability for you to remotely interact with SharePoint sites using REST. So you can talk to SharePoint objects using any technology that supports standard REST capabilities. In this way, SharePoint data can be accessed anywhere and everywhere.

List of REST Access Points

The following is a list of access points that provide you entry into granular access points.

  • Site
    http://server/site/_api/site

  • Web
    http://server/site/_api/web

  • User Profile
    http:// server/site/_api/SP.UserProfiles.PeopleManager

  • Search
    http:// server/site/_api/search

  • Publishing
    http:// server/site/_api/publishing

List of REST Popular End Points

The following is a list of endpoints that are the most commonly used in a SharePoint list.

  • http://server/site/_api/web/lists
  • http://server/site/_api/lists/getbytitle('listname')
  • http://server/site/_api/web/lists(‘guid’)
  • http://server/site/_api/web/lists/getbytitle(‘Title’)

Note: The following code is tested in my SP 2013 online environment.

Step 1: Before writing your code, please ensure you have sufficient permission to access cross-domain requests. So I have given full permission to all the contents listed below:

Tenant Full Permission
Site Collection Full Permission
Web Full Permission
List Full Permission

Properties permissions

Step 2 : Navigate to the App.js file and copy the following code and paste it in.

Code

  1. 'use strict';   
  2. var hostweburl;   
  3. var appweburl;   
  4. // This code runs when the DOM is ready and creates a context object which is   
  5. // needed to use the SharePoint object model   
  6.   
  7. $(document).ready(function ()  
  8. {  
  9.     //Get the URI decoded URLs.   
  10.     hostweburl = decodeURIComponent( getQueryStringParameter("SPHostUrl"));   
  11.     appweburl = decodeURIComponent( getQueryStringParameter("SPAppWebUrl"));   
  12.     // Resources are in URLs in the form:   
  13.     // web_url/_layouts/15/resource   
  14.     var scriptbase = hostweburl + "/_layouts/15/";  
  15.     var accountName = 'Domain\\Login';  
  16.     // Load the js file and continue to load the page with information about the list top level folders.   
  17.     // SP.RequestExecutor.js to make cross-domain requests   
  18.     // Load the js files and continue to the successHandler   
  19.     $.getScript(scriptbase + "SP.RequestExecutor.js", execCrossDomainRequest);   
  20. });   
  21. // Function to prepare and issue the request to get   
  22. // SharePoint data   
  23. function execCrossDomainRequest()   
  24. {   
  25.     // executor: The RequestExecutor object   
  26.     // Initialize the RequestExecutor with the app web URL.   
  27.     var executor = new SP.RequestExecutor(appweburl);   
  28.     // Issue the call against the app web.   
  29.     // To get the title using REST we can hit the endpoint:   
  30.     // The response formats the data in the JSON format.   
  31.     // The functions successHandler and errorHandler attend the   
  32.     // sucess and error events respectively.   
  33.     executor.executeAsync(  
  34.     {  
  35.         hostweburl + "'", url: appweburl + "/_api/SP.AppContextSite(@target)/web/lists/getbytitle('" + listnametext + "')?@target='" + hostweburl + "'",   
  36.         method: "POST", body: "{ '__metadata': { 'type': 'SP.List' }, 'NavigateForFormsPages': false}",  
  37.         method: "POST",  
  38.         headers: { "Accept""application/json; odata=verbose" },   
  39.         success: function (data)   
  40.         {  
  41.             alert("success: " + JSON.stringify(data));   
  42.             error: function (err)   
  43.             {   
  44.                 alert("error: " + JSON.stringify(err));   
  45.             }   
  46.         }  
  47.     }   
  48.   
  49.     // This function prepares, loads, and then executes a SharePoint query to get   
  50.     // the current users information   
  51.     //Utilities   
  52.     // Retrieve a query string value.   
  53.     // For production purposes you may want to use   
  54.     // a library to handle the query string.   
  55.     function getQueryStringParameter(paramToRetrieve)   
  56.     {   
  57.         var params = document.URL.split("?")[1].split("&");   
  58.         for (var i = 0; i < params.length; i = i + 1)   
  59.         {   
  60.             var singleParam = params[i].split("=");   
  61.             if (singleParam[0] == paramToRetrieve)   
  62.             return singleParam[1];   
  63.         }   
  64.     }   
  65. }  
Step 3: When deploying, you will be prompted with the following screen. Press Trust it and proceed with the deployment.



Code Walkthrough 
  1. Post Method in REST API

    The SharePoint 2013 REST service supports sending POST commands that include object definitions to endpoints that represent collections. In this example, Test List is a custom SharePoint list where list items are updated.

    IF-MATCH header

    Provides a way to verify that the object being changed has not been changed since it was last retrieved. Or, lets you specify to overwrite any changes, as shown in the following example: "IF-MATCH":"*".

  2. Request Executor.JS

    The cross-domain library lets you interact with more than one domain in your remote app page through a proxy. SP.RequestExecutor.js acts as a cross-domain library to fetch or create a SharePoint list from your APP domain.  
  1. function execCrossDomainRequest()   
  2.  {   
  3.      // executor: The RequestExecutor object   
  4.      // Initialize the RequestExecutor with the app web URL.   
  5.      var executor = new SP.RequestExecutor(appweburl); var metatdata = "{ '__metadata':   
  6.      { 'type''SP.Data.TestListListItem' }, 'Title''changelistitemtitle'}";   
  7.  }  

I hope this article helps you.