sencha-touch-2

I have a controller and a TabPanel in Sencha Touch 2, I want to call a function when an element is tapped on the TabPanel: TabPanel.js Ext.define('app.view.principalTabPanel', { extend: 'Ext.tab.Panel', alias: 'widget.ptabpanel', config: { ui: 'light', items: [ { xtype: 'container', itemId: 'idContnr', title: 'tap Me!', iconCls: 'bookmarks' } ], tabBar: { docked: 'bottom', ui: 'light' } } }); controller.js Ext.define('app.controller.mainController', { extend: 'Ext.app.Controller', config: { control: { "ptabpanel #idContnr": { tap: 'takePhoto' } } }, takePhoto: function() { console.log('toma

Is it just me or does the google maps api seem to be on the quirky side? Trying to simply show a marker for some coordinates, and then center the screen on the marker. In my controller fired from a view: onGoogleMapRender: function (googleMap) { var long = record.get("Longitude"); var lat = record.get("Latitude"); var pos = new google.maps.LatLng(lat, long); var marker = new google.maps.Marker({ position: pos }); marker.setMap(googleMap); googleMap.setCenter(marker.getPosition()); googleMap.setZoom(14); } It seems to place the marker in the center of the screen but when I return and show the

Where can I find a list of the available animation types for Ext.Panel.show()? I've searched the documentation and googled "sencha touch animation options", but can't find anything. You can see all the animations here http://dev.sencha.com/deploy/touch/examples/production/kitchensink/ And here's the API http://docs.sencha.com/touch/2-0/#!/api/Ext.anims Here is the documentation for the available animation types: http://docs.sencha.com/touch/2-0/#!/api/Ext.anims Some of them don't work on Android. In ST 2 cube * fade flip * pop slide wipe * *does not work in android Ext.Anim.run(this, 'fade', {

Environment: Mac OSX Mavericks 10.9.4 Compass 1.0.1 (Polaris) Compass-blueprint (1.0.0) Sass 3.4.5 (Selective Steve) sencha app build testing command no error When I compile app.scss file in the ./resources/sass/ directory, an error happened. compass compile app.scss error app.scss (Line 209 of /Users/icese7en/Sites/Demos/Sencha/Practice/WeatherApp/touch/resources/themes/stylesheets/sencha-touch/base/src/_Class.scss: File not found or cannot be read: /Users/icese7en/Sites/Demos/Sencha/Practice/WeatherApp/resources/sass/fonts/pictos/pictos-web.woff) File not found or cannot be read: /Users

I'm building a Sencha-Touch 2 app and I have some trouble with the recuperation of my data from server side (mysql DB). Here's my data model : Table1 : ID:int description:varchar(100) Table2 : ID:int description:varchar(100) table1_ID:int Table3 : ID:int name:varchar(100) info:varchar(100) table2_ID:int Table1 is join to Table2 with a one-to-many relationship and same between Table2 and Table3. What I want from server is a nested JSON who looks like this : [ Table1_object1_ID: 'id' : { Table1_object1_description: 'description', Table2_Objects : [ 'Table2_object1': { Table2_object1_id : 'id',

My Sencha Touch list isn't displaying. All I did was change the root container to a navigation view so other views can be pushed onto it, but then the navigation doesn't like having 'fit' as the root. So I moved that into another container with type 'fit'. However, now the list doesn't display?! See below: Ext.define('MyApp.view.inbox.MyInbox', { extend: 'Ext.navigation.View', alias: 'widget.myinboxview', requires: [ 'Ext.navigation.View' ], config: { title: 'My Inbox', xtype: 'card', items: [ { xtype: 'container', type: 'vbox', items: [ { xtype: 'container', flex: 1, items: [ { xtype:

I'd like to be able to show a message to the user once a store sync has successful completion. However, there doesn't seem to be any way of using a callback or calling this synchronously. I'm a little surprised this isn't provided out of the box as it must be a common problem. Is there any work-around for this? Zoltan Magyar It took us ages to find a proper solution to this. Finally we added listener to the store's write event what seems to be working properly. As it is needed frequently it has been added to the store prototype as Ext.data.Store.prototype.syncWithListener = function

I'm using a NestedList with a underlying TreeStore. Now I want to add items to the NestedList as leafs. How can I do this? Currently my code (Controller, onAddButtonTapped) looks like this: var store = Ext.getStore('menuStore'); var customerAreaNode = store.getRoot().getChildAt(1); customerAreaNode.appendChild({name: "text", leaf:true}); customerAreaNode.expand(); store.sync(); This code results in two new empty listentries on leaf level (behind the correct node) and one new listentry on node level. Every new entry has no names shown in the NestedList but every item contains "text" in their