Contents
In the next article in this series, you’ll add JavaScript to a page on the add-in web that works with SharePoint data on the host web: Work with host web data from JavaScript in the add-in web.
To read data from the add-in web, you must do the following: Create a SharePoint Add-in and web projects. Create list items on the add-in web. This step also ensures that an add-in web is created when users deploy the add-in. Create an add-in page that uses the cross-domain library to read the list items.
How to add a calendar to host web?
Open the host web (your developer test website) and verify that there is a calendar on it named Employee Orientation Schedule and it has a single event on it: Orient Cassie Hicks. If there isn’t, take the following steps: From the home page of the site, select Site Contents > add an add-in > Calendar.
How to use SharePoint hosted add ins in Visual Studio?
If you have been working through this series about SharePoint-hosted add-ins, you have a Visual Studio solution that you can use to continue with this topic. You can also download the repository at SharePoint_SP-hosted_Add-Ins_Tutorials and open the BeforeJSOM.sln file.
How to execute JavaScript after all functions in SharePoint?
SO, if we want to execute some code after all functions included by us (or other devs) in _spBodyOnLoadFunctionNames, then is useful to use this one _spBodyOnLoadFunction, because is executed the last. – ExecuteOrDelayUntilScriptLoaded:sp.core.js and SP.SOD.executeFunc: sp.js. are swapping the order of execution in a random way.
The mycustom.js file makes use of _spPageContextInfo which will be defined when the site got loaded using mds. When that happens we need to register our script to mds to make it load – RegisterModuleInit. The script will be loaded again and JS code will be executed then.
Even though SharePoint-hosted SharePoint Add-ins cannot have server-side code, you can still have business logic and runtime interaction with SharePoint components in a SharePoint-hosted SharePoint Add-in by using JavaScript and the SharePoint JavaScript client object model library.
Use the F5 key to deploy and run your add-in. Visual Studio makes a temporary installation of the add-in on your test SharePoint site and immediately runs the add-in. The home page of the add-in opens, and there are one or more items on the list with Orientation Stage at Completed. Figure 1. List before purge of completed items
How to create SharePoint callbacks in JavaScript?
This method has two parameters, both of which are callback functions. The first runs if the server successfully executes all the commands in the batch. The second runs if the server fails for any reason. You create these two functions in later steps. Add the following line to the end of the method.