GridPanel - smart rendering
I would like to use the GridPanel component of the Ext JS in my application.
I would like to show about 1000 rows in each page (about 10 columns), and several columns should include an image icon, selectbox, CheckBox and more so not just text - which mean that I need to attach a render function to some columns.
So, what is my problem ? that it's too slow. the grid renderer renders the entire 1000 rows and it takes too much time(and meanwhile, the browser stuck...).
Is the grid component support a smart rendering ? which mean that it holds the data, but it render only what the user see. so if the user sees only 20 rows of the 1000, then the grid will render only those 20 and not the whole 1000, and when the user scrolls down another bunch of rows will be rendered.
Any ideas ?
Warning an Ext rookie replies.
The following link demonstrates how to page off a local memory store but maybe Ext 2.0 has been enhanced to make such paging simpler.
As to your essential requirement, it has been discussed over the months and I think people have posted code examples for their own implementation.
Why would you need 1000 rows of data to be rendered once? Why not use paging?
I'm using paging, I just want to let the users decide how many rows they want in each page.
I still use 1.1 because it's stable.If you are php programmer.Download my program at sourceforge idcms inventory.There's e.g i don't use the ajax thing.It's something like this.If you have 1 million or record to grid are you want to put into xml file.The system might be used by 20 person in time.Unless the information are not change.It's better to create a cache xml /json file when user login. If not better ask application side to create the pagenation.The only weakness is when you sorting it out it just column sort to current 10 information row per page and not e.g 1 million record per page e.g.
For portal is the best using xml and for multi user and connection serious i suggest not.