Questions tagged [sencha-touch-2]

JavaScript framework for mobile devices, UI interface, DataAccess and encapsulation.

Sencha Touch 2 is the second version of Sencha Touch, developed by Sencha.

It is a Javascript framework based on well-known Ext JS library and used to create cross-platform mobile devices webapps (Android 2.3+, Blackberry, Windows Phone 8 and iOS 4+).

With this new version, it is possible to package applications as native.

Official documentation and description can be found at: http://docs.sencha.com/touch/

3849 questions
12
votes
1 answer

Populating icons in Sencha Touch selectfield

I've got a pretty simple problem whose solution turns out not to be that simple at all. I want to add images in front of each option of a selectfield. To be more accurate, I want to add images to the picker it triggers, and also to the selectfield's…
MCL
  • 3,985
  • 3
  • 27
  • 39
11
votes
2 answers

How to handle Orientation Change in Sencha Touch V2

I've got a Panel that needs to execute some Javascript if the orientation changes. How do I handle the Orientation Change in sencha-touch-2? This is basically the key line I'm trying to get to work this.on('orientationchange',…
Chase Florell
  • 46,378
  • 57
  • 186
  • 376
11
votes
4 answers

Sencha Touch 2 MVC - how to switch views with button

I have this controller: Ext.define('MyApp.controller.Test', { extend: 'Ext.app.Controller', config: { }, refs: [ { ref: 'first', selector: '#first' }, { ref: 'second', …
cyberwombat
  • 38,105
  • 35
  • 175
  • 251
11
votes
5 answers

What is the expected collaboration workflow with Sencha Architect?

I started a trial of Sencha Architect, and the more I use it more questions come to my mind for its actual feasibility usage in a development environment, one of the bigger questions I have is In an environment that you can't edit the individual…
Juan Carlos Moreno
  • 2,754
  • 3
  • 22
  • 21
11
votes
1 answer

Sencha Touch 2 Memory Management Options

I'm looking into ways to save memory in Sencha Touch 2. I see two options, as I'll describe below. I'd like to get advice on the difference of memory consumption between the two options, and to know if I'm missing anything. Memory-saving…
afters
  • 208
  • 1
  • 8
11
votes
1 answer

Adding a click event to an element?

How can one assign a click event to an arbitrary span (eg. <span id="foo">foo</span>) in an ST2 app? I have a trivial example that illustrates the idea of what I'd like to do. In the example, I write the letters A,B,C and I'd like to tell…
user568866
10
votes
2 answers

how to handle device back button on sencha touch application

In Sencha touch if I use navigation view i can get back button. This is pretty fine. But what if user hit device backbutton? it is direct exiting the applicaiton. In my requirement it should not exit the application it has to go back to previous…
atluriajith
  • 762
  • 3
  • 17
  • 41
10
votes
1 answer

Sencha Touch 2 nested models and data stores

I hardly even know how to ask this one, but here goes. I have two models, a Platter which contains many Recipes: Ext.define('NC.model.Platter', { extend: 'Ext.data.Model', config: { fields: [ { name: 'name', type: 'string' }, {…
kmc
  • 660
  • 13
  • 25
10
votes
3 answers

Call controller's function from another controller / Share data between controllers

For the moment, when I'm in a controller and that I want to call a function from another controller, I do this : App.app.getControllerInstances()['App.controller.OtherController'].do_something(); Is seems a bit heavy to me, is there another…
Titouan de Bailleul
  • 12,920
  • 11
  • 66
  • 121
9
votes
5 answers

Sencha touch 2- Ext.dispatch replacement?

What is the replacement for sencha touch 1.1 Ext.dispatch method in sencha touch 2? I need replacement for code below listeners:{ itemtap:function(data,index){ var record = data.getStore().getAt(index); // the record that has…
Pravin
  • 6,592
  • 4
  • 42
  • 51
9
votes
1 answer

Sencha Touch: Component on DataView that looks like List Group Header

I'm using a Ext.dataview.DataView view. I want to add a component to this dataview that looks like the grouper headers from a Ext.dataview.List to keep the design consistent. I only want to apply this component once on the head (so basically there…
kerosene
  • 930
  • 14
  • 31
9
votes
2 answers

Align items vertically in a center - Sencha Panel

I am trying to align mid of the screen of an item simply a label but it is aligning it horizontally not vertically. var panel = new Ext.Panel({ layout:{ type: 'vbox', align: 'center' }, items:[ { …
sohail.hussain.dyn
  • 1,411
  • 1
  • 16
  • 26
9
votes
2 answers

Set value of numberfield without firing "change" event in Sencha Touch

I have a numberfield and a list in Sencha Touch. When I click on an item in the list, I am doing an AJAX request to send data to the server. However, if there is data in the numberfield, I want to clear that when the list is clicked on. I have no…
bnrq
  • 171
  • 1
  • 1
  • 10
9
votes
2 answers

Instruct Sencha SDK tools to bundle other js files specified in app.json

My app.json file of a Sencha touch 2 application contain. "js": [ { "path": "sdk/sencha-touch.js" }, {"path": "js/mootools-1.2.5-core.js"}, // I want these files to be bundled too {"path": "js/mootools-1.2.5.1-more.js"}, //…
Shiplu Mokaddim
  • 56,364
  • 17
  • 141
  • 187
9
votes
2 answers

Span inside anchor tag blocks tap event for Safari on iPhone

I've styled an ordinary link to resemble a button in our Sencha Touch 2-based mobile application, and I'm having issues with most of the link not functioning in Safari on the iPhone. The link is an ordinary tag with an inner element…
d_mcg
  • 788
  • 2
  • 11
  • 19