Pre update code doesn't seem to work following update

Forms
1

Hi,

I’ve just been looking at a form we designed a while ago for one of our projects, and we originally used the following to update some metadata on documents uploaded to a related items Library:

//Update the relevant metadata for each Document
function updateListItem(itemId, fields, dataTable){
var clientContext = sp.clientcontext.get_current();
var oList = clientContext.get_web().get_lists().getByTitle(‘mydoclibraryname’);
var oListItem = oList.getItemById(itemId);
fields.map(function(item, index) {
oListItem.set_item(item.Field, item.Value);
oListItem.update();
});
clientContext.executeQueryAsync(function(){
console.log(‘Item updated!’);
fd.control(dataTable)._dataProvider.refresh();
}, function(){
console.log(‘Request failed.’);
});
}

I no longer see the sp.js namespace loaded on my form and consequently I get:

Uncaught (in promise) TypeError: Cannot read property ‘get_current’ of undefined

as it would seem I’m not able to load the current context via JSOM (sp.clientcontext).

Has something changed in the recent update that we need to be aware of? I’ve used this function to update metadata in several projects and none of them are working post update.

Kind regards
Andy

2

Dear Abolam,

In this case, we recommend using pnp instead of JSOM (already available in Forms):


https://pnp.github.io/pnpjs/documentation/getting-started/

In new versions we’ve reduced reliance on SharePoint scripts, so the forms load faster and do not rely as much on SharePoint. pnp library covers most of the interactions with SharePoint, it’s easier to use and very robust.

But if necessary, it’s possible to load SharePoint scripts as well:

fd.spRendered(function(){
   var imported1 = document.createElement('script');
   imported1.src = 'https://yourdomain.sharepoint.com/sites/yoursite/_layouts/15/init.js';
   document.head.appendChild(imported1);
   var imported2 = document.createElement('script');
   imported2.src = 'https://yourdomain.sharepoint.com/sites/yoursite/_layouts/15/SP.js';
   document.head.appendChild(imported2);
});

Don’t hesitate to ask questions, if you have troubles with the implementation.