1. #1
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,801
    Vote Rating
    834
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default 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!

    Demo: http://www.simoens.org/Sencha-Projects/demos/
    GitHub: http://github.com/mitchellsimoens/Ext.ux.TouchGridPanel

    Features:
    • CSS3 column layout **see note
    • Sorting
    • Row selection
    • Multi Selection
    • Paging support thanks to Ext.ux.touch.PagingToolbar
    • Custom column renderers **see note
    • Show/hide columns on the fly
    • Sort icons in headers

    TODO (in no order):
    • Cell selection
    • Custom column renderers
    • Paging with animation
    • DND
    • Add features lost in version 2.0b1

    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.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  2. #2
    Sencha User tomalex0's Avatar
    Join Date
    Apr 2009
    Location
    San Jose, CA
    Posts
    589
    Vote Rating
    16
    tomalex0 will become famous soon enough

      0  

    Default


    Hi Thanks for the contribution.
    I was been looking for something like this .

    So in coming days could we see more features similar to that of Extjs Grid ?

  3. #3
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,801
    Vote Rating
    834
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Yes. I do want to add features very soon but I don't want to over-engineer it. I want to keep it as lightweight as I can.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  4. #4
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,801
    Vote Rating
    834
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Added scrolling!
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  5. #5
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,801
    Vote Rating
    834
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Added column renderers!
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  6. #6
    Sencha - Community Support Team mankz's Avatar
    Join Date
    Nov 2007
    Location
    Stockholm, Sweden
    Posts
    2,735
    Vote Rating
    104
    mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all

      0  

    Default


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

  7. #7
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,801
    Vote Rating
    834
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    I have 29 loaded right now and sorting is a little slow in my opinion. Loading DOMs is ok. I will crash my ipad tonight lol. License I will look into that aswell.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  8. #8
    jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,353
    Vote Rating
    79
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


    Looking good Mitch!!!! Keep up the good work dude. I'm jealous that I don't have the time to do cool stuff like this

  9. #9
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,801
    Vote Rating
    834
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Quote Originally Posted by jgarcia@tdg-i.com View Post
    Looking good Mitch!!!! Keep up the good work dude. I'm jealous that I don't have the time to do cool stuff like this
    Well give me your jobs and you be jobless!
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  10. #10
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,801
    Vote Rating
    834
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Quote Originally Posted by mankz View Post
    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.

    At 450 rows, sorting was taking nearly 2.5 seconds and scrolling sucked!

    550, 2.5 seconds to sort. No comment on scrolling.

    600, I found out that scroll was just as good as when it had like 300 rows if I'm gentle with scrolling.

    700, sorting is 3 seconds. Scrolling is just ok if I'm gentle but still jumpy.

    750, I think the key is just to let it sit for a couple seconds because the scrolling is fast again.

    800, sorting is about 4 seconds, maybe a hair under. Scrolling is good after I let it sit for 2 seconds.

    850, selecting takes 2 seconds.

    900, Starting to want this iPad to die already. Getting tired of doing this.

    1,000, 5 seconds to sort. About 2.5 seconds to select. Scrolling is fine after a few seconds.

    1,100, just under 6 seconds to sort. 3 seconds to select.

    1,300, 7 seconds to sort. Who needs a mobile app with this many rows?

    2,500.... sorting is at 12 seconds. Getting black white boxes on screen when scrolling, tells me it's struggling to render.

    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.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi