SharePoint 2013 has introduced client side rendering to render SharePoint fields. When developing custom fields, the JSLink property of the field can be overriden to refer to the custom JavaScript file. Suppose, you want to override default rendering of the field in the Display form. The follwing code shows how to do that:
The code above checks the current mode based on which it determines whether to use default rendering or custom rendering.
The SPControlMode is an enum and has following values:
Invalid - Used for View
Display - Used for Display Form
Edit - Used for Edit Form
New - Used for New Form
//Point to js file.
private const string JSLinkUrl = "/_layouts/15/NY.Autocomplete.LookupField/JS/customCSR.js";
public override string JSLink
{
get
{
if (SPContext.Current.FormContext.FormMode != SPControlMode.Display)
return base.JSLink;
else
return JSLinkUrl;
}
set
{
base.JSLink = value;
}
}The code above checks the current mode based on which it determines whether to use default rendering or custom rendering.
The SPControlMode is an enum and has following values:
Invalid - Used for View
Display - Used for Display Form
Edit - Used for Edit Form
New - Used for New Form