When DataPageReady is not really ready

[JohnM]

In a tabular report, I want to set the .selectedIndex of a dropdown in the inline insert row to match that of the associated dropdown in the search area.

I am using JavaScript inside the Header of the DataPage Elements on Search and Report Wizard - Configure Results Page Fields.

This script does not work.

    document.addEventListener('DataPageReady', function (event) {
        document.getElementById("InlineAddFolder_ID").selectedIndex = document.getElementById("Value4_1").selectedIndex;
    });

I can see that the .selectedIndex gets set, but it then gets immediately returned to the default.

But this script does work.

    document.addEventListener('DataPageReady', function (event) {
        setTimeout(function(){
          document.getElementById("InlineAddFolder_ID").selectedIndex = document.getElementById("Value4_1").selectedIndex;
        }, 500)
    });

Why must I add the delay?

Is the DataPage not really Ready when DataPageReady fires?

Is there a better way to handle this? Should the script be inserted somewhere else?

 

[Aether]

Hello @JohnM, What I assume on that case is that your DataPage has a lot of field that uses a lookup tables and having a multiple or complex formula so you need to add a delay on the Script. 

Check this article on how you make your DataPages faster: https://blog.caspio.com/how-to-make-your-search-applications-perform-faster/