XHR Grid Paging - Ext JS

Hello all,

After browsing the docs I haven't found an answer to my question, so I hope someone can help me out.

I want to have a grid with paging. On initialisation it loads on page of say 20 records only. After this the user can click paging buttons which use XHR to go back to the server and get other pages.

My question is: how would this be implemented?

#2   02-27-2007, 11:48 AM

Look at the paging example in the download. It should get you started. You will probably want to change the ScriptTagProxy to an HttpProxy though.

#3   02-27-2007, 03:02 PM

Yep, it works. I actually didn't think it could be that easy! Second question: are there any examples of adding a button column to the grid - for example a button at the end that would delete or redirect to an edit page rather than contain data?

#4   02-27-2007, 05:12 PM

You could try a custom renderer, but I haven't yet looked into how to set up something like Ext Buttons this way, so that might not be possible. Html works though, so an input tag should work.

#5   02-27-2007, 05:42 PM

Good plan, there is something similar in the paging example so I'll take that route. Thanks!

#6   02-27-2007, 09:57 PM

Depending on your application you could also do what I just did: put a general button/menu into the paging bar (like in the example) and have it act on selected rows.