Auto Refresh Page View using JavaScript

(0) Share

Report

Posted on by Anubha Soni

Hello experts,

I want to refresh the Page on success of dialogue box Button click in JavaScript.

I tried to solve it by using

parent.Xrm.Page.data.refresh(true);
Xrm.Page.data.refresh(true);
window.refresh();

but, all of this won't refresh the view and unselected the selected record.

so is there any way, to reload the page, or auto click the refresh button.

Here is my part of Code, where i am using refresh page function

var error = JSON.parse(this.response).error;
                Xrm.Navigation.openErrorDialog({ message: error.message}).then(
                function(success) 
                { 
                    setTimeout(function () {
                        parent.Xrm.Page.data.refresh(true);
                    }, 500);
                    
                }, 
                function (error) 
                { 
                    console.log(error); 
                    setTimeout(function () {
                        parent.Xrm.Page.data.refresh(true);
                    },800);
                    
                });

I have the same question (0)

All responses (13)

Answers (1)

cloflyMao 25,210 on at

Like (0)

Report
RE: Auto Refresh Page View using JavaScript

Hi Anubha,

Try to fire the click event of refresh button element manually.

parent.document.querySelectorAll('[aria-label="Refresh"]')[0].click();

Regards,

Clofly

Was this reply helpful? Yes No
cloflyMao 25,210 on at

Like (0)

Report
RE: Auto Refresh Page View using JavaScript

If the view you referred to is subgrid, you could try following approach.

For example, I will refresh contact subgrid of account.

1. Get the data attribute of ellipsis button.

2. The first command will show the flyout menu.

parent.document.querySelectorAll("[data-lp-id='SubGridStandard:contact-OverflowButton'")[0.click();

When the flyout menu appears, the refresh button element will be available on document.

It will be the second refresh button.(The first is the refresh button of ribbon.)

parent.document.querySelectorAll('[aria-label="Refresh"')[3;

(parent.document.querySelectorAll('[aria-label="Refresh"')[0, 1, 2 are all referred to Refresh button of ribbon.)

3. Therefore, we combine two commands to refresh the subgrid.

parent.document.querySelectorAll("[data-lp-id='SubGridStandard:contact-OverflowButton']")[0].click(); parent.document.querySelectorAll('[aria-label="Refresh"]')[3].click();

Regards,

Clofly

Was this reply helpful? Yes No
Anubha Soni 35 on at

Like (0)

Report

RE: Auto Refresh Page View using JavaScript

thank you for your excellent response.

I want to auto refresh the Page View of an Entity, so that selected data get unselected automatically.

Thanks!

Anubha Soni

Was this reply helpful? Yes No
cloflyMao 25,210 on at

Like (1)

Report

RE: Auto Refresh Page View using JavaScript

Hi Anubha,

Could you share a screenshot of "the Page View of an Entity"?

Regards,

Clofly

Was this reply helpful? Yes No
Anubha Soni 35 on at

Like (0)

Report

RE: Auto Refresh Page View using JavaScript

Hi expert,

here is my page, which i want to auto refresh.

Thank!

Anubha Soni

Was this reply helpful? Yes No
Suggested answer

cloflyMao 25,210 on at

Like (4)

Report
RE: Auto Refresh Page View using JavaScript

Hi Anubha,

Thanks for sharing details.

You can do it following two approaches:

1. The unsupported way:

As what I said in my first answer, fire the click event of refresh button element manually.

parent.document.querySelectorAll('[aria-label="Refresh"]')[0].click();

2. Supported way:

Pass SelectedControl parameter to command of your custom button.

Then we can refresh the view with such syntax:

selectedControl.refresh();

function test(selectedControl) { selectedControl.refresh(); }

Please refer to the article:

https://nemely.com/blog/refresh-crm-grid-using-javascript/

I tested the method and it works!

Regards,

Clofly

Was this reply helpful? Yes No
Anubha Soni 35 on at

Like (0)

Report

RE: Auto Refresh Page View using JavaScript

Thank you so much for your reply,

Can you please tell me how to resolve that issue which i am facing.

Was this reply helpful? Yes No
Verified answer

cloflyMao 25,210 on at

Like (1)

Report

RE: Auto Refresh Page View using JavaScript

Hi Anubha,

There are only 3 elements that have aria-label="Refresh" attribute, the start index is 0. So the range is from 0 to 2.

Try executing parent.document.querySelectorAll('[aria-label="Refresh"]')[2].click(); to check whether it could refresh view.(I tested and it works.)

Regards,

Clofly

Was this reply helpful? Yes No
Anubha Soni 35 on at

Like (0)

Report

RE: Auto Refresh Page View using JavaScript

Thank you so so much, your help made a great change. Thank you it is working perfectly fine.

Was this reply helpful? Yes No
Anubha Soni 35 on at

Like (0)

Report

RE: Auto Refresh Page View using JavaScript

Exact and proper Solution. Thank you so much

Was this reply helpful? Yes No