URL Parameters persist

💬 App Building
1

I have 2 issues here:

  • I have a button that does a Go Page with url params to set some select boxes to filter a table, then when i want to clear the selects and reset the table filter, even if the components are reset, the filters are not because they take the values from the url parameters.
  • Next is with the same example as before, a button with a Go Page and url parameters, if i click in the browser navigator to go back, the urls parameters persist.

I think my problems would be solved if i had a way to reset the url parameters but i cant seem to find a way.
I tried using the utils.setUrlParameters([{ key: ‘a’, value: null }]); but didnt work, any help?

2

Hey @AdrianGM

You can pass the url params "" blank that can show you blank parameters

For that you have to inspect the page

image
image536×926 20 KB

On the right side of it you can see the search parameters
image
image1904×850 75.4 KB

In that you can pass the blank that can look like this
image

Or another way to do it like when you are changing the page using event handlers you can pass the blank parameters into it for the query params.

image
image533×703 35.7 KB

Or you can use the specific button to reset all the filters on the app using the reset and clear the params as i say.

2 Likes
3

Correct me if im wrong, you are telling me to basically reload the page with the urlparameters in blank using the Go to page.

So if im in Page A and go to Page B with the parameters set, and i want to reset them in Page B, i interact with the component by doing Go to page B with the parameters in blank.

4

@AdrianGM

Yes because of this its not check the values from the url in your app and get the data perfectly.

1 Like
5

Ok nice workaround, that solves one of my problems.

Thank you very much.

Now would you happen to know per any chance how to fix the second?

6

@AdrianGM
Can you give me little brief about second problem

7

So same situation as the first.

From Page A navigate to Page B with the parameters set.
Now the user clicks on its web browser the back button, the page loads to its initial state but the url parameters are still set, due to how the page its made cause there is a bunch of drill downs this basically breaks everything.

The idea would go basically to reset the parameters on load.

8

@AdrianGM

Do same as you are doing in this page like same set the blank url in it.
Like when you are using back button on that button you can use the blank url that can load in it and remove other.

9

I think im not explaining myself correctly, the back button is not in my app, its the web browser.

10

Okay so we cant do anything about browser, if you want you can open the page in new tab of the browser.

1 Like
11

Ok thank you very much!

1 Like