CHUVASH.eu
  • About
  • Search
X GitHub
Update Field.JSLink using JSOM or REST
Posts

Update Field.JSLink using JSOM or REST

Anatoly Mironov

May 30, 2016

Today I have just a little code snippet to share. This code snippet shows how to update the JSLink property for an existing field using JSOM and REST. For REST I use sharepoint-utilities.

var updateJsLinkCsom = function (config) {
  var ctx = SP.ClientContext.get_current();
  var web = ctx.get_web();
  var lists = web.get_lists();
  var list = lists.getByTitle(config.listTitle)
  var fields = list.get_fields();
  var field = fields.getByInternalNameOrTitle(config.fieldTitle)
  field.set_jsLink(config.jsLink)
  field.update()
  ctx.executeQueryAsync()
};
var updateJsLinkRest = function (config) {
  SP.SOD.registerSod('sputils.js', '<your cdn endpoint>/sputils.min.js')
  SP.SOD.executeFunc('sputils.js', '', function () {
    var url = _spPageContextInfo.webAbsoluteUrl + '/_api/web/lists/getbytitle(\''
      + config.listTitle + '\')/fields/getbyinternalnameortitle(\''
      + config.fieldTitle + '\')';
    var payload = {
      '__metadata': {
        'type': 'SP.Field'
      },
      'JSLink': config.jsLink
    };
    var config = {
      'headers': {
        'X-HTTP-Method': 'MERGE'
      }
    };
    sputils.rest.post(url, payload, config);
  });
};
var config = {
  listTitle: '<your list title>',
  fieldTitle: '<your field title>',
  jsLink: '~site/<your jslink>'
};
updateJsLinkCsom(config);
updateJsLinkRest(config);

A couple of notes, to update a field we need:

  • A POST request
  • with a headerĀ ‘X-HTTP-Method’: ‘MERGE’
  • with __metadata: { type: SP.Field } and JSLink property in the payload
  • andĀ ‘X-RequestDigest’ header (but it is nicely handled by sharepoint-utilities)
  • Csr
  • Javascript
  • Jslink
  • Sharepoint

Related

  • Bypass all custom jslink
  • Client Side Rendering with Async dependencies
  • Drag and Drop Image using Client Side Rendering
  • Disabling a column in Quick Edit
  • Minimal Display Template
  • JSGrid Basics
  • Make javascript code work with Minimal Download Strategy Part 1
  • Trigger SP2010 Workflows using JSOM
  • Minimal Download Strategy. Simple
  • SharePoint Utilities - a promising JavaScript Framework
  • A tiny tool for User Custom Actions
  • Provisioning Google Maps JSLink with SPMeta2
  • Export Any Web Part using a Bookmarklet
  • Improving the web performance of an intranet
  • AppLoader Concept for SharePoint apps
© CHUVASH.eu 2026
X GitHub