[CLOSED] paging toolbar click event

[nhg_itd]

is there anyway to detect click next/previous button in paging toolbar?
or when user put the number?

thanks

[Daniil]

Hi,

Please see how to achieve that.

Example

<ext:PagingToolbar runat="server">
    <Listeners>
        <AfterRender Handler="this.prev.on('click', function () { alert('prev'); });
                                this.next.on('click', function () { alert('next'); });
                                this.inpuItem.on('change', function () { alert('change'); });" />
    </Listeners>
</ext:PagingToolbar>

[nhg_itd]

i get inputitem is null or not an object :(

this is my paging toolbar

<BottomBar>
<ext:PagingToolbar ID="PagingToolbar1" runat="server" HideRefresh="true" DisplayInfo="false" DisplayMsg="{0} - {1} of {2}" BeforePageText="">
                                                                            <Listeners>
                                                                                <AfterRender Handler="this.prev.on('click', function () { alert('prev'; });
                                                                                                        this.next.on('click', function () { alert('next'); }); this.inpuItem.on('change', function () { alert('change'); });" />
                                                                            </Listeners>                                                                         
</ext:PagingToobar>
</BottomBar>

[Daniil]

Must be "inputItem", I missed that.

[nhg_itd]

nice, it works...thanks :)

[Elman]

it doesn't work for me.
I wanna change the handler for next and prev buttons to fire with PageUp and PageDown key of keyboard. making a key map for them.
pls tell how to do that.

TypeError: this.prev.on is not a function

[Daniil]

Hi @Elman,

Do you use Ext.NET v2?

[Elman]

we are using ext.net 2.1 as a UI library for MVC.
Thanks Daniil.

[Daniil]

To access a PagingToolbar Prev and Next buttons please use:

App.PagingToolbar1.child("#prev");
App.PagingToolbar1.child("#next");

[Elman]

I did this too but its not working.

var keyMap = new Ext.Net.KeyMap();
            var keyBinding = new Ext.Net.KeyBinding() { Handler = "App.pagingToolbar1.child('#next').handler" };
            keyBinding.Keys.Add(new Ext.Net.Key() { Code = Ext.Net.KeyCode.PAGEUP });
            keyMap.Binding.Add(keyBinding);
            CompaniesGrid.KeyMap = keyMap;