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:

Customize & extend

I have the same question (0)

All responses (2)

Answers (0)

Sort by

Suggested answer

ZackS 112 on at

Like (0)

Report
Copy link

Link copied!

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.

Was this reply helpful? Yes No
Suggested answer

oliver.rodrigues 9,482 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!

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

1 people found this reply helpful.

Was this reply helpful? Yes No