generator-portals-clientside/generators/csr/templates/field-display.js

Generates a SharePoint clientside project skeleton. Brought to you by Skyline's Portals & Collaboration Team.

var SPScript = require("spscript");

var FIELD_NAME = "<%= name %>" // Lookup column
var INPUT_ID = "<%= name %>-csr-field"

exports.register = function() {

    var fieldOverride = {
        name: FIELD_NAME,
        render: function(ctx) {
            return `<h1>${ctx.CurrentItem.<%= name %>}</h1>`
        },
        onReady: function(ctx) {
            // at this point you can do things like initialize jquery plugins
            console.log("Field has been rendered on the page");
        }
    };
    SPScript.CSR.registerDisplayField(fieldOverride)
};