PDA

View Full Version : jqTouch conversion



djMaxM
17 Jun 2010, 11:54 AM
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":


<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?

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

djMaxM
17 Jun 2010, 5:55 PM
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

profunctional
25 Jun 2010, 10:55 AM
I too would like to see this converted to sencha touch syntax.

djMaxM
25 Jun 2010, 5:01 PM
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.