Added Event Forwarding To Pagination Component

[mabentley85]

Added Event Forwarding to the Pagination component by adding handlers to the Next & Previous Page buttons and the Page Size and Page select fields.

These handlers will dispatch one event containing page and pageSize details. This was done to prevent duplicate dispatches when the pageSize changes, as the page is always set to 1 when pageSize is changed.

Question: Is there a better way to handle select value changes than onBlur? Using onChange results in duplicate triggers since they are binded to the page and pageSize variables.

[metonym]

Hi @mabentley85 – thank you for the PR. I think it would be useful to dispatch page and pageSize values.

Using on:blur is not the expected behavior because it will not fire immediately like on:change. To address the "double firing" from on:change, try using the afterUpdate to dispatch the values.

[mabentley85]

@metonym Thanks for the hint, I refactored my changes to make use of the afterUpdate function.

[metonym]

Much better – this is a lot more concise.

See my comment about converting the value to a number.

[mabentley85]

@metonym Made the requested change

[metonym]

Thanks again @mabentley85 for the submission!

Released in v0.7.0 – changelog notes