How to load multiple js files in JSLink in SharePoint

by
SharePoint Form Designer

Here we will discuss how to add multiple js files in JSLink in SharePoint 2013/2016/Online. We can easily give js file path in the JSLink option in list view web part in SharePoint. But sometimes we may need to load multiple js files in jslink in SharePoint 2013/2016/Online.

Check out Complete SharePoint Training Course ($46 OFF)

How to Load multiple js file in JSLink

JSLink which is a new feature in SharePoint 2013 allows us to override the default rendering. We can easily use JSLink to override the default rendering of List view web parts in SharePoint Online. In SharePoint 2013/2016/Online, JSLink works on JS and HTML, so it is easy to override the default rendering.

To give a path of a js file in JSLink, the first we need to edit properties of the list view web part and then under Miscellaneous section, we can add the js link path like below:

~site/SiteAssets/mydemojslink.js

And the web part properties looks like below:

How to load multiple js files in JSLink in SharePoint 2013?
How to load multiple js files in JSLink in SharePoint 2013?

But sometime you may need to give multiple files if you want to load any other scripts.

We can add multiple files by simply using a pipe symbol between these files.

~site/SiteAssets/mydemojslink.js|~site/SiteAssets/myanotherdemojslink.js

You may like following jslink in SharePoint 2013 tutorials:

Hope this will be helpful to load multiple js files in jslink in SharePoint Online/2013/2016.

>