Ext.ux.TouchGridPanel v2.0b1

Ext.ux.TouchGridPanel v2.0b1

I would like to announce an extension that I have been working on for about 3 days.

I had a port of ExtJS' GridPanel working but it was suggested that I do some things with HTML5 and CSS3 so I rewrote it. I am now actually using the column layout provided by CSS3 which made it a lot easier to code as the templates are super small versus ExtJS'. This extension was about 600 lines and has now shrunk to under 300 using CSS3 column layout!

I've tested on the iPad (iOS3) and iPod (iOS4) and works however on my Android 2.1 phone it displayed but did not select a row or sort.

Fixed!!!!One error which I am so far not able to figure out is that the grid will not scroll. Now that I have this working pretty well, I will look into it.

Let me know what you think!

Update (Version 2.0b1)
Rewritten again leveraging Ext.DataView instead of doing all the scrolling and selection by myself. Code is now about 80% smaller! Using Ext.DataView, I have lost some features that I will try to wrap back in before releasing a full version.

Update (Version 1.5)
Rewritten to work with Sencha Touch 1.0

Update (Version 1.4.1):

Fixed button placement to first column. Was rendering weird to the last column

Added beforerecorddelete and recorddelete events

Removed Sheet component from actual class

Update (Version 1.4):

Added editing

Sort icons in headers

Update (Version 1.3):

Simplified the getting of row and column indexes

Added lots of comments

Update (Version 1.2):

Added custom column renderers

Updated demo

Update (Version 1.1):

Fixed scrolling

Updated demo

**Note: CSS3 Column Layout is just not flexible enough to use so I have ditched using it. Since I am using a DataView, I do not have control over column renderers however check out what classes are on each cell as they are unique to the mapping and any conversion of text/date/etc can be done in your Model.

Very interesting. License? Performance? How many rows before an ipad or iphone drops in speed?

I would like to release under the same as Sencha uses on Touch so that'd be GPL v3.

I got over 200 rows and scrolling was fast. Tried sorting and took 1 to 1.5 seconds to sort and refresh the rows which I think to me is acceptable for that number of records.

When I got to 350 it was around 2 seconds.

Selecting took around 1 second at 400 rows. Scrolling was starting to be very jumpy and not having the physics most of the time which was very annoying to try and scroll through 400 rows to get to the bottom.

Ok, so at 4,000 rows it would add rows but when I sorted Safari crashed on the iPad.

4,000 rows on the iPod was very unusable. About 30 seconds to sort, scrolling didn't react whatsoever but safari was still kickin.

This also had the column renderers rendering the price, change, percent change and last updated columns on render. I was adding 50 records each time. My timing was just me saying "One one-thousand. Two one-thousand..." so it's not 100% accurate.