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

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

Here we will discuss how we can add multiple js files in JSLink in SharePoint 2013. 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. JSLink works on JS and HTML, so it is easy to override the default rendering.

Also, you can see:
JSLink in SharePoint Online and Customize List View Web Parts

JSLink in SharePoint 2013 or JSLink in SharePoint Online

Microsoft Flow Copy files from one SharePoint Online account or folder to another Office 365

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

Hope this will be helpful.


You May Also like the Following SharePoint Online Tutorials:

About Bijay Kumar

I am Bijay from Odisha, India. Currently working in my own venture TSInfo Technologies in Bangalore, India. I am Microsoft Office Servers and Services (SharePoint) MVP (5 times). I works in SharePoint 2016/2013/2010, SharePoint Online Office 365 etc. Check out My MVP Profile.. I also run popular SharePoint web site SharePointSky.com

View all posts by Bijay Kumar →