Apply Javascript in modern Lists

(1) Share

Report

Posted on by Amine Amine

Hello I'm able to apply Javascript in the old Lists, using this kind of code inside the list 
$(document).ready(function() {

      $(".entitylist.entity-grid").on("loaded", function() {
....
      }
}

But when I try  the new moden lists  it's not calling the Javascript , I also saw that the new list is a react componant that loads as a set of div elements , I cannot figure out a way to call the JS inside the lists !
 
 

Categories:

Portals

All responses (2)

Answers (0)

Suggested answer

oliver.rodrigues 8,976 on at

Like (0)

Report

Apply Javascript in modern Lists

Adding JS to PCF or modern controls are extremely difficult to be honest, I only use a modern list component if I am 100% sure that I won't need any customizations applied to it.

For other simpler PCF components, I have used Mutation Observer concept to listen to the change of the control, this might work for Modern Lists as well (I haven't tried myself) - https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver
Suggested answer

ZackS 81 on at

Like (0)

Report

Apply Javascript in modern Lists

Are you putting the javascript inside of the list or inside of the page? I've noticed I get better results when I put the javascript inside of the page.