List view highlight selected rows from different pages

(0) Share

Report

Posted on by enes

150

Hi everyone,

I have a list view which shows 10 invoices at maximum in a single page. It seems that we have a pagination system for the invoices.

I want to select and highlight multiple rows, and remember the highlighted rows when I navigate between different pages of the invoice list.

Is there a built in functionality that allows this?

If not, how can I do this using javascript code editor?

Categories:

General topics

I have the same question (0)

All responses (3)

Answers (0)

Fubar 8,487 Super User 2026 Season 1 on at

Like (0)

Report
Copy link

Link copied!

Nothing out of the box. you would have to add your own e.g. store to local storage in the browser.
Note: you can increase the pagination, not sure if it is in the Power Pages editor yet or not, but you can use the Portal Management app and set it to a higher number for that list.

Was this reply helpful? Yes No
enes 150 on at

Like (0)

Report
Copy link

Link copied!

Thank you,

Do you have any idea how can I catch when next page was clicked and run a function?

It looks like the page numbers are listed as shown below.
<li class="active"><a href="#" data-page="1" role="button" aria-current="page">1</a></li>
<li><a href="#" aria-label="page 2" data-page="2" role="button">2</a></li>
...

Was this reply helpful? Yes No
Fubar 8,487 Super User 2026 Season 1 on at

Like (1)

Report
Copy link

Link copied!
Generally I would advise against trying to intercept out of the box events (other than enabling/disabling/showing/hiding the control)

You don't say why you need something on the selection of a page navigator.

Based on your initial request:
On selection of an item on the page, store to local storage (item guid, and possibly page number)
on Loaded - highlight previously selected items if in local storage - A loaded event is provided after a subgrid or List has loaded https://learn.microsoft.com/en-us/power-pages/configure/add-custom-javascript-list this event will be raised when the contents are loaded e.g. the grid initially loads and after someone clicks a page navigator and that pages contents have been rendered)

If you need to do something with the selected items, several options
For a List add (append it to the DOM) your own button that when clicked will do the processing (you can use the Portals Web API to do updates etc)
Something completely custom, can use JavaScript to do your processing and the Web API to create/Update etc
If there is a dataverse Form involved, you could hide the out of the box button, add your own button, do the processing from your own button, and then click the hidden button in your JavaScript (or call the buttons submit method). Depending on what you are doing you could possibly do something in the form validators (these get called on form Submit and Next/Previous for Basic and MultiStep forms and allow you to add custom validation)
https://learn.microsoft.com/en-us/power-pages/configure/add-custom-javascript
https://learn.microsoft.com/en-us/power-pages/configure/web-api-overview
if using the Web API suggest making use of the SafeAjax wrapper code https://learn.microsoft.com/en-us/power-pages/configure/write-update-delete-operations#web-api-ajax-samples

Was this reply helpful? Yes No