How to get List Title in JSLink?

Question

I have applied a JSLink to the custom list's new form in which I want to get the Current List title to access the list column further.

My code is:

(function () {

    var DepartmentCtx = {};


    DepartmentCtx.Templates = {};
    DepartmentCtx.Templates.Fields = {
        "oiplbDepartment": {
            "NewForm": oiplbDepartment
        }
    };

    SPClientTemplates.TemplateManager.RegisterTemplateOverrides(
        DepartmentCtx
        );
})();

function oiplbDepartment(ctx) {

    var managerField = SPClientTemplates.Utility.GetFormContextForCurrentField(ctx);    

    // Here I want to get the current NewForm's list title.
    return "<Label ID='lblDepartmentValue' Style='color:red'>Please Enter Project Owner</Label>";
}

What should I do to get the list title?

Answer 1

You can get list title in following way:

var _listGuid = managerField.listAttributes.Id;

Or

var _listTitle = managerField.listAttributes.Title;

Answer 2

One of the ways of finding List Title in pages like Display form/Edit Form/New Form etc is to use JQuery selectors. The follwing code will give you the title of the list in NewFrom.aspx:

var listName = $(".die a:first").html();

Also, you cannot rely on the Url manipulation as the Url of the list can be different from its title. Attached is the screenshot which shows how to get the List Title using IE developer tools: