generator-portals-clientside/generators/csr/templates/field-edit.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`<input id='${INPUT_ID}' type='text' value='${ctx.CurrentItem.<%= name %>}'>`
        },
        onReady: function(ctx) {
            // at this point you can do things like initialize jquery plugins
            console.log("Field has been rendered on the page");
        },
        getValue: function(ctx) {
            var inputValue = document.getElementById(INPUT_ID).value
            return inputValue;
        }
    };

    SPScript.CSR.registerFormField(fieldOverride)
}