spoonx / aurelia-pager Goto Github PK

Hi there,
I am not able to use onPageChanged property of pager.

i tried
html

 <pager pages.bind="pages" page.bind="page"  onPageChanged.bind="HandlePageChanged"></pager>
<pager pages.bind="pages" page.bind="page"  onPageChanged.bind="HandlePageChanged(newValue, oldValue)">
</pager>
<pager pages.bind="pages" page.bind="page"  onPageChanged.bind="HandlePageChanged()">
</pager>
 <pager pages.bind="pages" page.bind="page"  onPageChanged.delegate="HandlePageChanged"></pager>
<pager pages.bind="pages" page.bind="page"  onPageChanged.delegate="HandlePageChanged(newValue, oldValue)">
</pager>
<pager pages.bind="pages" page.bind="page"  onPageChanged.delegate="HandlePageChanged()">
</pager>

in ts(javascript)

HandlePageChanged(newValue, oldValue)
{
//do your work
}

nothing is working for me

can anyone help me with demo example.

Thanks in Advance

Hi,

I have this in my html:
<pager pages.bind="myPages" page.bind="myPage" resourceCount.bind="myResourceCount" limit.bind="limit" onPageChanged.bind="handlePageChange"></pager>

and this in my js:

handlePageChange(oldValue, newValue) { console.log("new value: " + newValue); }

But my function is never called. :(

Would it be a far stretch to request that the api for the pager be extended,
to include an optional event to be called when the page is changed?

Currently I need to go through effort and use a property observer
and handle the change in that way. It would be much simpler to be able to have a method
called on a class.

I use server side paging, sorting etc...

Hi,

Any plans on releasing a sample/demo?
I'm getting an error: Error: Unable to find module with ID: aurelia-pager/pager
below is my entry in main.js:
aurelia.use.plugin(PLATFORM.moduleName("aurelia-pager"));

Kindly advise. Thanks!

Think of a better name than "resource". Resource is reserved terminology (by orm)

Hi, I am having an issue when trying to use aurelia-pager with the latest bits.
I am using a typescript / webpack setup.

In my main.ts I have the following code

  aurelia.use.plugin(PLATFORM.moduleName('aurelia-bootstrap'));
  aurelia.use.plugin(PLATFORM.moduleName('aurelia-pager'));
  aurelia.use.plugin(PLATFORM.moduleName('aurelia-validation'));
  aurelia.use.plugin(PLATFORM.moduleName('aurelia-api'), config => {

aurelia-api works as expected, as does validation and bootstrap.
aurelia-pager gives the following error:

Error: Unable to find module with ID: aurelia-pager/pager
Stack trace:
Error: Unable to find module with ID: aurelia-pager/pager
WebpackLoader.prototype._import/</<@webpack-internal:///196:194:35
step@webpack-internal:///196:43:18
verb/<@webpack-internal:///196:24:53
__awaiter</<@webpack-internal:///196:18:15
__awaiter<@webpack-internal:///196:14:12
WebpackLoader.prototype._import@webpack-internal:///196:159:16
WebpackLoader.prototype.loadModule/</<@webpack-internal:///196:259:39
step@webpack-internal:///196:43:18
verb/<@webpack-internal:///196:24:53
__awaiter</<@webpack-internal:///196:18:15

Write documentation in doc