(function () {
// Create object that have the context information about the field that we want to change it's output render
var overrideNameField = {};
overrideNameField.Templates = {};
overrideNameField.Templates.Fields = {
// Apply the new rendering for Priority field on List View
"PercentComplete": { "View": percentCompleteViewDisplayFiledTemplate,
"EditForm": percentCompleteEditFiledTemplate,
"DisplayForm": percentCompleteViewDisplayFiledTemplate
}
};
SPClientTemplates.TemplateManager.RegisterTemplateOverrides(overrideNameField);
})();
// This function provides the rendering logic for New and Edit forms for percentage complete column
function percentCompleteViewDisplayFiledTemplate(ctx) {
var percentComplete = ctx.CurrentItem[ctx.CurrentFieldSchema.Name];
var returnHTML = "
"
returnHTML += "
" + percentComplete;
return returnHTML;
}
// This function provides the rendering logic for New and Edit forms for percentage complete column
function percentCompleteEditFiledTemplate(ctx) {
var formCtx = SPClientTemplates.Utility.GetFormContextForCurrentField(ctx);
// Register a callback just before submit.
formCtx.registerGetValueCallback(formCtx.fieldName, function () {
return document.getElementById('inpPercentComplete').value;
});
return " %";
}