Add JSLink to ListViewWebPart

Question

Hello!
I am developing farm solutions in Visual Studio 2019.
I have the list and the js-code with OnPreRender RegisterTemplateOverride. I am trying to add The JSLink to list's ListViewWebPart object, but unfortunatelly, this class doesn't have the JSLink property (unlike ListFormWebPart for example).
Please, help me to add the JSLink to my list's view in feature receiver.

Thanks!

Answer 1

Hi anonymous user,

Please use SPView.JSLink property to set JSLink url to a list view, here is a sample code for your reference:

 using (SPSite site=new SPSite("http://sp/sites/dev"))  
            {  
                SPWeb web = site.OpenWeb();  
                SPList list = web.Lists["PBIList"];  
                SPView view = list.Views["All Items"];  
                view.JSLink = "~sitecollection/SiteAssets/jslink_Header1.js";  
                view.Update();  
  
            }  

Reference:

SPView.JSLink Property

---

If an Answer is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 2

Dear Jerryzy-MSFT,
This approach does not work in SharePoint Server 2019.
The similar issue exists with SPForm.JSLink

This code does not work:

SPWeb _curWeb = SPContext.Current.Web;  
SPList _currList = _curWeb.Lists["MyList"];  
SPForm editForm = _currList .Forms[PAGETYPE.PAGE_EDITFORM];  
editForm.JSLink = "~site/SiteAssets/Scripts/Form.js";  

  

https://learn.microsoft.com/en-us/archive/msdn-magazine/2014/june/sharepoint-using-jslink-with-sharepoint-2013

But there is another solution for forms:

SPForm editForm = _currList.Forms[PAGETYPE.PAGE_EDITFORM];  
var file = _currWeb.GetFile(editForm.Url);  
file.CheckOut();  
using (var manager = file.GetLimitedWebPartManager(PersonalizationScope.Shared))  
{  
   var webPart = (Microsoft.SharePoint.WebPartPages.ListFormWebPart)manager.WebParts[0];  
   if (webPart != null)  
   {  
      webPart.JSLink = "~site/SiteAssets/Scripts/Form.js";  
      manager.SaveChanges(webPart);  
   }  
}  
file.CheckIn("Added JSLink to the Form");  

I am looking for similar working solution for Views.

Thanks

Answer 3

Hi anonymous user,

If you are concern about ListViewWebPart class, yes, there is no JsLink for ListViewWebPart class.

Per your requirement, you want to inject the JsLink url into a list view, I retested in SharePoint 2019 enviornment, it's working as expected for list view, please check the capture blow:

I suggest you can try the code snippet in your side to see if JsLink injected into List View.

---

If an Answer is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.