Set value of hidden column NewForm.aspx using JS Link CSR

Question

How to set value of hidden column using CSR?

Following is the code to set value of a field

(function () {


    var ctx = {};
    ctx.Templates = {};
    ctx.Templates.Fields = {
        'Title': {
            'NewForm': setTitle
        }

    };


    SPClientTemplates.TemplateManager.RegisterTemplateOverrides(ctx);


    })();


    function setTitle(ctx) {
        var temp = 'Title 1';
        ctx.CurrentFieldValue =  temp ; //set field value   
        return SPFieldText_Edit(ctx);   
    }

Answer 1

Refer below CSR code to set the default value of the field and hide the field from the form.

(function () {

    var ctx = {};
    ctx.Templates = {};
    ctx.Templates.Fields = {
        'Title': {
            'NewForm': renderTaskCategory
        },

    };
    ctx.OnPostRender = RemoveFields;
    SPClientTemplates.TemplateManager.RegisterTemplateOverrides(ctx);
})();

function RemoveFields(){
    var fieldName = "Title Required Field";  // Title of the field that we want to hide (Use inspect element to find the title of the field)
    document.querySelectorAll("[Title='" + fieldName + "']").forEach(function(field){
      GetAncestor( field , 'TR' ).style.display='none';
    });

}
function renderTaskCategory(ctx) {
    var temp = "title 1";
    ctx.CurrentFieldValue =  temp; 
    return SPFieldText_Edit(ctx);
}

Answer 2

In addition to Rohit Waghela answer

function RemoveFields(){
    var fieldName = "Title Required Field";  // Title of the field that we want to hide (Use inspect element to find the title of the field)
    document.querySelectorAll("[Title='" + fieldName + "']").forEach(function(field){
      GetAncestor( field , 'TR' ).style.display='none';
    });

}

didn't work for me.

So this is jQuery option:

function RemoveFields(){
    var fieldName = "Training";  // Title of the field that we want to hide (Use inspect element to find the title of the field)
    $("[Title='" + fieldName + "']").each(function(){
        $(this).closest("tr").hide();
    });
}