1. #1
    Sencha User
    Join Date
    May 2010
    Posts
    15
    Vote Rating
    0
    djMaxM is on a distinguished road

      0  

    Default jqTouch conversion

    jqTouch conversion


    I'm an Ext JS user, so very excited about having that "mindset" on mobile devices. I had built a simple jqTouch app and I'm trying to convert it. jqTouch was more markup-oriented, so I have this "panel":

    Code:
        <div id="home">
          <ul class="rounded">
            <li class="forward"><a href="Categories" id="placeOrder">Place an Order</a></li>
          </ul>
        </div>
    The Categories link was an Ajax call to get another panel much like this one (e.g. kind of a nested list). What's the equivalent of this simple two-step in Sencha Touch?

  2. #2
    Sencha User
    Join Date
    Mar 2007
    Location
    Haarlem, Netherlands
    Posts
    1,243
    Vote Rating
    10
    TommyMaintz will become famous soon enough TommyMaintz will become famous soon enough

      0  

    Default


    Code:
    new Ext.Panel({
        fullscreen: true,
        dockedItems: [{
            xtype: 'toolbar',
            dock: 'top',
            items: [
                {xtype: 'spacer'},
                {text: 'Place an Order', ui: 'forward', handler: handlerFunctionThatMakesAjaxCall}
            ]
        }],
        html: 'Home screen',
    });

  3. #3
    Sencha User
    Join Date
    May 2010
    Posts
    15
    Vote Rating
    0
    djMaxM is on a distinguished road

      0  

    Default not exactly

    not exactly


    not quite what I was after - I'm trying to replicate something like the list in the jqTouch demo:

    http://jqtouch.com/preview/demos/main/#home

  4. #4
    Touch Premium Member
    Join Date
    Jun 2010
    Posts
    324
    Vote Rating
    2
    profunctional is on a distinguished road

      0  

    Default


    I too would like to see this converted to sencha touch syntax.

  5. #5
    Sencha User
    Join Date
    May 2010
    Posts
    15
    Vote Rating
    0
    djMaxM is on a distinguished road

      0  

    Default


    I generally got this working by stealing some of the jqtouch css/icons (which I think sencha should also include) and using List and card layout. I'll try to package up the app and offer it as a sample.

Similar Threads

  1. jqtouch: javascript for iPhone development
    By Ronaldo in forum Community Discussion
    Replies: 5
    Last Post: 21 Apr 2011, 10:15 PM
  2. iPhone framework jQTouch for Ext Core = ExtTouch
    By letssurf in forum Ext 3.x: User Extensions and Plugins
    Replies: 2
    Last Post: 25 Jun 2010, 12:20 AM
  3. Plans for GWT support for Raphael / jqTouch ?
    By ivar in forum Community Discussion
    Replies: 0
    Last Post: 15 Jun 2010, 10:47 AM
  4. Will there be a 2.2 Conversion Checklist?
    By Joyfulbob in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 11 Aug 2008, 5:40 PM

Thread Participants: 2