sencha-touch-2

in my Sencha Touch 2 application I need to handle redirection events on my own. By this I mean I need to be able to handle a href events and do the redirection myself. I'm using the following code: Ext.Viewport.element.addListener("tap", function(e) { e.stopEvent(); e.stopPropagation(); e.preventDefault(); var href = e.target.getAttribute("href"); // ... my code ... }, this, {delegate: "a"}); By none of the above mentioned functions work (stopEvent, stopPropagatioon, preventDefault). The application always opens the link in my app web view. Is here any possible way to disable a href opening

I know there are a few questions pitting Sencha Touch 2 against Phonegap, and that is not what I mean to do here. I have been planning to build my Webapp using Sencha Touch 2 and wrapping it in Phonegap; but I just found out that Sencha Touch 2 also all allows you to build a native version of your web-app for Android and ios using there command line tool. Why haven't I heard much about this solution? What are the limitations with doing this? And what is better, using Sencha Touch 2's native build feature or going the Sencha Touch 2 + Phonegap route? I'm guessing that Sencha Touch 2 native

Most of the time i see the following Warning, when i click on the same button for more than once (when calling the same function twice or more) [WARN] [WARN][Ext.Component#constructor] Registering a component with a id (`name`) which has already been used. Please ensure the existing component has been destroyed (`Ext.Component#destroy()`. How should i destroy it as the Warning suggest ? or how should i fix this ? UPDATE function onPersonFound(imageData) { var image = Ext.create('Ext.Img', { src: "data:image/jpeg;base64," + imageData, id: 'logo', width: 372, height: 140 }); [WARN][Ext.Component

What is the difference of native packaging between Sencha touch2 and PhoneGap? Many people use PhoneGap to natively package app based on Sencha touch, but I find that Sencha touch 2 has a new feature of native packaging. So which type of native package is better in Performance, scalability, functionality, maturity, etc. ? How do you choose? PhoneGap is a middle-platform which is able to access some native APIs on many platforms and its interface language is Javascript. This means that PhoneGap is able to work with many cross-platform mobile web frameworks, such as: Sencha Touch, Titanium,

I would like to use Ext's String method on some text that will be output to the view. For example: itemTpl: [ ... '<tpl switch="post_type">', '<tpl case="new_user">', '<p>{post_text_teaser}</p>', '<p>{timestamp}</p>', '<tpl default>', '<p>' + Ext.String.ellipsis( + '{post_text_teaser}' + \, 4) + '</p>', ... ].join(''), but of course the concatenation in line 10 is illegal. Do you know if it's possible or how to do this correctly? This should solve your problem: '<tpl switch="post_type">', '<tpl case="new_user">', '<p>{post_text_teaser}</p>', '<p>{timestamp}</p>', '<tpl default>', '<p>{[Ext

How can I generate a regular html <table> on a Panel in Sencha Touch 2? The data for each row could be from a store. It's not very "mobile" like a List, but I'd like to have a few detail Panels on my tablet app contain several sections like this: header #1 <table> <tr><td>one</td>td>two</td></tr> <tr><td>foo</td>td>bar</td></tr> </table> header #2 <table> <tr><td>abc</td>td>xyz</td></tr> <tr><td>cat</td>td>dog</td></tr> </table> The basic Panel definition should look something like this: Ext.define('Kitchensink.view.HtmlTable', { extend: 'Ext.tab.Panel', config: { activeItem: 1, tabBar: {