How to Programming with Sencha-touch

You shouldn't use Ext.getCmp() it is very inefficient since it performs its search globally. You already have a reference to the main view defined: refs: { mainView: 'main', searchForm: 'searchview', searchButton: '#btnSearch' }, so you should be able to reference the main view anywhere within the controller by using the...

applyStore] The specified Store cannot be found

mobile,web,sencha-touch

You have mixed up many things in your code. For e.g. you have used localStorage and storeId which are not making any sense here. I have simplified your code and pasting here: Model Ext.define('MyApp.model.DataModel', { extend: 'Ext.data.Model', config: { fields: [ { name: 'firstName', type: 'string' }, { name: 'lastName',...

Sencha Touch - Modal panel height to auto

kendo-ui,sencha-touch,kendo-mobile

This can be done if its config property 'scrollable' is set to false.And using the following css code .<yourPanelClass> .x-scroll-scroller,.<yourPanelClass> .x-scroll-container{ position:relative; } ...

Kendo UI or Sencha Touch for both web and mobile [closed]

At first your selection of the frameworks are good for your project. The UI controls which you have mentioned are well supported in both the frameworks(Though calendar is not directly supported but plugins are available to use). Inspite of having so many similarities in between these two frameworks like: Both...

Sencha Touch dataview with paging plugin

As it turns out the pagingplugin were not meant for Dataview. It can be used though. In the end i ended up just manually moving the "load more" text in the DOM at the end of each load of the plugin. To ensure no listeners were lost i used the...

NoMoreRecordText property is not working with the List-Paging plugin on Sencha Touch 2

javascript,ajax,wordpress,extjs,sencha-touch

SOLVED!!! Problem was coming with the TOTAL parameter from the backend, in my case the TOTAL was evaluated for each request, instead of items total.. CLOSED Roger and over ! :-)...

XMLHttpRequest cannot load No 'Access-Control-Allow-Origin' Sencha touch

Your Sencha Touch app will run without issues in actual PhoneGap / Cordova application. Usually this kind of issue can be resolved by lowering down security level of your desktop browser. However if you really want to emulate your project on your desktop environment, (my favorite method) here are some...

Set animation to view change - Sencha Touch

extjs,sencha-touch,sencha-touch-2,sencha-touch-2.1

you could use setAnimation to modify the direction, try backFromPlayers: function(button, e, eOpts) { var Dashboard = Ext.create('HTMS.view.Dashboard'); var direction = 'right'; //[or] left; Ext.Viewport.getLayout().setAnimation({type: 'slide', direction: direction}); Ext.Viewport.setActiveItem(Dashboard); } ...

Change text on datepickertoolbar buttons

localization,datepicker,sencha-touch

I think the docs here: doneButton and here: cancelButton describes this very well. You can simply give this config attribute a String, a Button Object, or false/null to hide it. And if you want the value of an existing Datepicker Button Object, you can use the method getCancelButton() or getDoneButton(),...

submitting a form to the server as json

sencha-touch,sencha-touch-2,sencha-touch-2.3

I think below would solve your purpose. Ext.Ajax.request({ url:'JSONSaveEntry', method:'POST', headers: { 'Content-Type': 'application/json' }, jsonData : JSON.stringify(form.getValues()), success : function(response){ console.log("response from server")}, failure : function(error){console.log(error)} }); ...

Sencha touch 1 - Left Slide Menu

ios,cordova,sencha-touch

In order to achieve this you can use Ext.Menu and mount it on the left or right side. You don't need third party library for this feature it is already included in Sencha Touch. http://docs.sencha.com/touch/2.3.0/#!/api/Ext.Menu...

How to use this sencha touch images in our app?

javascript,android,image,cordova,sencha-touch

You can use "iconCls" property to set an icon. xtype: 'button', height: 38, iconCls: 'search', iconMask: true, align: 'left', itemId:'audioSearchbtnid' Check out the kitchen sink example here to find more icons. You can find the icons in Sencha_Root_Folder\resources\themes\images\default....

Uncaught ReferenceError: WebKitPoint is not defined

javascript,google-chrome,extjs,sencha-touch

You can try replacing var point = window.webkitConvertPointFromNodeToPage(this.dom, new WebKitPoint(0, 0)); return [point.x, point.y] with var rect = this.dom.getBoundingClientRect(); return [rect.left, rect.top]; Source: https://code.google.com/p/chromium/issues/detail?id=434976#c10 Code Credits: Philip Jägenstedt ...

Does Sencha Touch 2.4 have iOS 8.1/8 themes?

ios,cordova,iframe,sencha-touch

I believe that iOS 8 is way identical to iOS 7 in applications UI design. It includes several minor UI tweaks which don't belong to any application themselves, but global stuffs (multitasking screen or searching screen for example). So I think there isn't a necessity to create a dedicated theme...

Why is my Cordova application creating so many iframes?

Looks like this is a bug in Cordova iOS. Should be fixed in 3.8.0. See https://issues.apache.org/jira/browse/CB-8002. Also see this similar question: Cordova 3.7 duplicates iframes on every native call...

Sencha Touch 2: panel won't scroll after app build

extjs,mobile,sencha-touch,sencha-cmd

I was also facing the same problem. Fixed the issue from this post Sencha Forum Just comment out the codes for loading mask in your app.js like this:- launch: function() { // Destroy the #splash-logo element Ext.fly('splash-logo').destroy(); // Initialize the main view Ext.Viewport.add(Ext.create('Geograph.view.Main')); Ext.Viewport.add(Ext.create('Geograph.view.SearchForm')); // var loadingMask = new Ext.LoadMask(Ext.getBody(),...

InAppBrowser under Windows 8 doesn´t work

cordova,windows-8,sencha-touch,inappbrowser

I found the solution with the next code added in the index.html function isPhoneGap() { if (navigator.userAgent.match(/(iPhone|iPod|iPad)/)) { return true; } else { return false; } } function openPage(link) { if (isPhoneGap() == true) { var ref = window.open(link.href, '_blank', 'location=yes,enableViewPortScale=yes'); return false; } else { return true; } }...

Set button text based on data attribute in Sencha Touch?

ios,sencha-touch,sencha-touch-2

You can just get a reference to the button and then call the setText() method. So your code might look something like this: var button = viewWithButton.down('#buttonid'); button.setText(record.get('price')); ...

Sencha/Extjs rest call with all parameters

json,rest,extjs,sencha-touch

You need to specify a writer config on your proxy with writeAllFields: true. By default it's false, and the default writer itself is just {type: 'json'}.

Remember selectfield sencha touch

javascript,extjs,sencha-touch,sencha-touch-2,sencha-touch-2.1

@developer, @jenson and I are suggesting you should save the value in a cookie so the value is persisted between browser refreshes. Extjs offers a cookie manager class in the utilities namespace if I remember correct. EDIT For Sencha Touch you should actually make use of the LocalStorage proxy as...

I cannot pass data from controller to a view in Sencha Touch 2.4

javascript,model-view-controller,sencha-touch,sencha-touch-2,senchatouch-2.4

The item with tpl should have an id. { id: 'itemWithTpl', // <- here xtype: 'component', tpl: Ext.create('Ext.XTemplate','{URUN_CIHAZ_ADI} jkjk') } And the controller: showServis: function(item, index, target, record, e, eOpts) { this.servis = Ext.widget('servisDetail'); item.up('servisNavigationView').push(this.servis); Ext.getCmp('itemWithTpl').setData(record.data); // <- here } ...

Sencha touch 2 in a W8 application

cordova,extjs,windows-8,sencha-touch

I have found the solution, Sencha Touch inspects the DOM adding the next prefix ".x-ie" to the classes or graphic components like buttons for example, with this code added to the specific styles rules you can be able to customize classes or ID´s for our best friend Internet Explorer automatically.

Sencha touch panel not showing

windows-phone-8,sencha-touch,sencha-touch-2

You have set the whole view to have a layout of type vbox. This will not stretch any inner content, instead expecting to have to deal with multiple items, each of which may have different height (in which case they would need to be displayed one immediately below the other)....

Is it possible to open new browser window with custom headers and content?

javascript,ios,http-headers,sencha-touch

If you redirect to or window.open a data URI, you can specify a MIME type. As a simple test (Safari on iOS 6), I navigated manually to this data URI......

Why navigation bar have different sizes ? - Sencha Touch

It is due to the styles added by styleHtmlContent: true. Try setting it on both the views, or remove it from both.

What would keep setter methods from being created in sencha touch

php,arrays,algorithm,multidimensional-array,sencha-touch

Assuming #responseArea refers to an HTML element like a <div>. To attribute the response from your server to the HTML element, do this: this.getResponseArea.setHtml(responseText); instead of this.setResponseArea(responseText);. Don't forget getResponseArea gets you the HTML element with #responseArea as id. When you got it, you can do whatever you want with...

PHP: How to rename all keys of a Nested List (Array) to 'items'

Haven't tested it, but it seems like a fairly simple recursive function should handle it. For example: function parseApi($arr) { $result = array(); foreach ($arr as $key => $value) { if (isset($value['leaf'])) { $result[] = $value; } else { $result[] = array( 'title' => $key, 'items' => parseApi($value) ); }...

cordova plugin cannot be properly installed in sencha touch

ios,cordova,extjs,plugins,sencha-touch

i solved my provlem with init the crodova with a name; sencha cordova init XXXXXXXX then add the plugin and then build. no error!...

sencha calendar error uncaught type error : Cannot read property 'indexOf' of undefined on page load

javascript,jquery,extjs,sencha-touch,sencha-architect

just put following code to initialize eventStore and resource store. var resourceStore = Ext.create('Sch.data.ResourceStore', { groupField : 'Category', sorters: ['Category','Name'], model : 'Resource', sucess:true, proxy: { type: 'ajax', url: '', reader: { root: 'data', type: 'json' } }, data : roomList, }); eventStore = Ext.create('Sch.data.EventStore', { sucess:true, proxy: { type:...

Loading binary image data to an image fails on Android 4.1 in Cordova Project

android,cordova,sencha-touch,blob,filereader

Ah, finally I got it to work on Android 4.1.1 (ASUS Tablet) with the following code. Another issue was, that saving an arraybuffer response from the xhr could not simply serialized, so I converted the stuff to string. Also I receive the blob taking into account, that on some systems...

Sencha Touch JsonP Callback doesn't recognise Ext object

ajax,json,extjs,sencha-touch

It turns out that the issue was that the Ext object was not in a global scope and thus not visible from the callback code. To fix it, I modified the minified app.js code in the following ways: Added 'MyApp=null;' to the beginning of the file, Replaced 'var MyApp=MyApp||()' with...

Displaying buttons in a Dataview in Sencha 2

sencha-touch,sencha-touch-2,senchatouch-2.4

My solution for getting a button in a dataview without linking it to the store. It's actually, somewhat unsurprisingly, similar to this blog post. view - ListItem.js ... config: { layout: { type: 'hbox', align: 'center' }, dataMap: { getDescription: { setHtml: 'description' } }, description: { cls: ..., flex:...

Sencha Trouch 2: hbox titlebar items getting trimmed

cordova,sencha-touch,sencha-touch-2

I guess, you want to shrink the button if the text go large. You can simply apply ellipsis on button label as below, Apply this in your css file: .x-toolbar .x-button-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100px; } EDIT: Another trick: Use this css only .x-toolbar-inner .x-container...

Difference between sencha app build -run and sencha app run?

It looks that you are right. sencha help app build and sencha help app run give me almost the same amount of options and behave pretty much similar. So, I'd say that sencha app build -run native is a shorthand for sencha app run native Moreover, it totally makes sense...

Sencha ExtJS: How do I prevent the cursor from leaving the current position in a phone number field upon edit?

extjs,sencha-touch,textfield,phone

I have figured it out. The problem was fixed by deleting this segment: onChange: function (c) { c.setValue(Ext.util.Format.phoneNumber(c.getValue())); } The field still validates the number until it matches the format criteria. Cannot save until it matches. :D...

What does Ext.Callback do in this case?

sencha-touch,sencha-touch-2,local-storage

There are a couple of purposes for Ext.callback: to execute the function in a different scope to execute the function with different arguments to execute the function after a delay to execute a method of a different defaultListenerScope (Ext 5) In this case it is because the author want to...

List won't display items in LocalStorage on launch

You need to change few configuration in Store and List. Changes in Store Load,beforeSync and addrecords are listeners So, place it inside listeners Listeners should be inside config Don't need to repeat model: 'DebtManager.model.Currency' inside proxy Updated Store Ext.define('DebtManager.store.Currency', { extend : 'Ext.data.Store', requires : [ 'DebtManager.model.Currency', 'Ext.data.proxy.LocalStorage' ], config...

How could I dynamically choose a div class with an if-else statement?

javascript,sencha-touch,soundcloud

Soundcloud javascript api in Mobile App facing troubles

You are receiving a CORS (Cross Origin Resource Sharing) error. The default behaviour is to prevent requests like this that originate from a different domain. So you need to specifically allow it. If you are installing on a device with PhoneGap you should include this in your config.xml file: <access...

Sencha 2.4.1 - List Not Displaying Items

javascript,extjs,model-view-controller,sencha-touch,sencha-touch-2

setting width and height properties of list works. config:{ width: '100%', height: '100%', itemTpl: Ext.XTemplate('<span>{firstname}   {lastname}</span>'), store: 'emp_store' } ...

Sencha Touch: Clear listeners on an individual list item

Try to use select event, it's preventable so you just need to return false. However, you need to do extra work to deselect previously selected item: http://docs.sencha.com/touch/2.3.1/#!/api/Ext.dataview.List-event-select...

Sencha Touch - transitioning to pages

javascript,charts,sencha-touch,linechart

My advice would be to use the second pattern. For starters, you don't want anyone who hasn't "logged in" to be able to inspect the HTML of the "authenticated" area. Also you don't want to render more to the DOM than you have to at any point in a single-page...

How to get circle markerimage google map in sencha touch

javascript,sencha-touch

Cutomize Google Map marker with Rounded shape According to this example, I was able to implement this successfully https://jsfiddle.net/uaxb76f8/12/ .gm-style img { max-width: none; border-radius: 25px !important; } ...

Line Chart Series gets cut at top Sencha touch 2 charts

Try to add top padding to your chart: http://docs.sencha.com/touch/2.3.1/#!/api/Ext.chart.CartesianChart-cfg-innerPadding

Sencha Touch 2.3.x - is there a universal method to call a function from another class?

android,webview,sencha-touch

I would solve the problem by creating a mixin that would contain all functions shared by many classes. See the mixins docs for details. Then you would just call this.renderMap() in any class that uses that mixin....

Sencha touch lib not working on Chrome 43

I ran into a similar issue with my Sencha Touch app (almost nothing rendered). Here is the workaround I used which seems to work great: http://trevorbrindle.com/chrome-43-broke-sencha/...

Inappbrowser doesn´t work in a Sencha Touch webapp

objective-c,cordova,sencha-touch

Finally I found the solution of this tricky issue... Steps: 1º Go to CDVWebViewDelegate.m (in the CordovaLib classes) 2º In the line 209 add this code: //add below code.... if([[NSString stringWithFormat:@"%@",request.URL] rangeOfString:@"file"].location== NSNotFound) { [[UIApplication sharedApplication] openURL:[request URL]]; return NO; } // End code I think this code can be...

Fail to catch tab change event

javascript,events,controller,sencha-touch,tabpanel

First off it seems you can only implement these listeners on the tabBar of the tabPanel Having looked through the source code though it seems that this never get's fired even though it is documented. http://docs-origin.sencha.com/touch/2.4/2.4.1-apidocs/source/Bar3.html#Ext-tab-Bar-event-tabchange What I could suggest is either as you pointed out to hook into the...

Scrollable text area on sencha touch 2 on iPad

extjs,sencha-touch,sencha-touch-2,sencha-touch-2.1

As far as I know, TextArea in Sencha Touch doesn't have this "scrollable" property. In my app I used a workaround, overriding the TextArea component, here is the code: Ext.define('Ext.overrides.TextArea', { override: 'Ext.form.TextArea', initialize: function() { this.callParent(); this.element.dom.addEventListener( Ext.feature.has.Touch ? 'touchstart' : 'mousedown', this.handleTouchListener = Ext.bind(this.handleTouch, this), false); this.element.dom.addEventListener( Ext.feature.has.Touch...

Sencha 2 Routing with Deft JS

mobile,sencha-touch,deftjs

It doesn't seem to be working: https://github.com/deftjs/DeftJS/issues/44 As a workaround I'd try to use DeftJS controllers as ViewControllers to control the logic of the app and ExtJS controllers as RouteControllers to work with routes. To separate them, put ViewControllers next to views and model as have been done in ExtJS...

Tap on list item works only one time

extjs,sencha-touch,sencha-touch-2,sencha-architect,sencha-touch-2.1

Looking at the code seems like , every time when you tap on list new instance gets created ,So the point is itemtap is only attached with very first instance of view to know more about this see Component life cycle. use Ext.ComponentQuery.query() selector to check how many instance of...

extjs layout scroll inside vbox

javascript,extjs,layout,sencha-touch,extjs5

Just remove autoScroll: true and replace it with flex: 1. https://fiddle.sencha.com/#fiddle/fms Ext.application({ name : 'Fiddle', launch : function() { Ext.create('Ext.container.Viewport', { renderTo: Ext.getBody(), layout: { type: 'border' }, items: [ { width: '100%', region: 'north', items: [{ title: 'north' },{ html: 'another content' }] }, { region: 'center', layout: 'fit',...

Invalid session in Sencha Architect

javascript,extjs,sencha-touch,sencha-architect,sencha-cmd

This could happen due to the service change in the Sencha Forums. An easy work around is to create your forum account via the forum here: https://www.sencha.com/forum/register.php...

How use google map API in hybrid app for mobile device

google-maps,dictionary,sencha-touch,hybrid-mobile-app

If you start your app when offline, script tags will throw a net::ERRxxx. You can see this on browser console. Later, when you come back online, those scripts have failed loading and that is it. I have tackle this using setTimeout and google maps callback parameter. Basically, I remove and...

Ext.data.TreeStore modified the data source after the tree is rendered?

extjs,tree,sencha-touch,store

Yeah, it does change the original array. I cannot answer why this behavior, you would need to ask Ext architects/developers, but what you can try is: basic_grid_store.setRootNode({children:Ext.clone(data)}); ...

Sencha Touch, MessageBox changing defaults

javascript,sencha-touch,messagebox

You can solve the problem by creating new instance of Ext.MessageBox for your customized message box instead of using Ext.Msg singleton. Then your code could look like this: Ext.create('Ext.MessageBox').show( { title: 'Validation', message: message, height: 300, scrollable: true, buttons: Ext.MessageBox.OK } ); ...

Rendering of data points in Sencha charts

extjs,sencha-touch,sencha-touch-2,sencha-touch-2.1

This is some documented behaviour, even if the doc is apparently taunting you: It is usually the index of the store record associated with the sprite There doesn't seem to be an information in the arguments passed to the renderer that could be used to retrieve the record in a...

Displaying images in Sencha Touch given digest

sencha-touch,sencha-touch-2,couchdb,pouchdb

You can use blob-util to convert the attachments stored in PouchDB into usable <img/> tags. db.getAttachment() will give you back the Blob, then use createObjectURL to convert the blob into a URL you can use. Sure, you can also use base64 strings and convert it to a data URL (blob-util...

How to change the direction of writing depending of the country?

javascript,html,sencha-touch,lang

I have found a clean solution for this topic, working with the class or tag name or id you can specify in the css stylesheets the property direction: rtl | ltrfor example, but if you need more possibilities of customizing inside your website or hybrid app you can try to...

Show/hide button in Sencha Touch 2

extjs,extjs4,sencha-touch,sencha-architect

I found the solution, and now it´s working... toggleProfitability: function (button) { var listItems = Ext.ComponentQuery.query('cartItems cartItem'); Ext.each(listItems, function (item) { var tsp = item.down('[name=tspstatus]'); var vbs = item.down('[name=vbsstatus]'); tsp.setHidden(!vbs.getHidden()); vbs.setHidden(!vbs.getHidden()); }, this); // close Menu button.up('cartMenuPanel').hide(); }, Thanks!...

Disable Sencha script loader cache busting but only while developing/debugging

Ext.Loader.setConfig() can be called multiple times with different settings and the settings are "merged" together. For me this was unclear in the documentation but fortunately it was more obvious in the source code. The source code also shows that there is an undocumented form of setConfig where it takes a...

(SOLVED) Using mouse wheel to scroll in Sencha Touch application on desktop

javascript,extjs,sencha-touch,sencha-touch-2

The provided code in the other answer is pure Javascript and not ExtJs code, it runs in a global scope so you can add this above Ext.application (outside of ExtJs code, so make it your first bit of JS code that gets run). You could even wrap it inside an...

Native Android build in Sencha Architect for Mac

sencha-touch,sencha-touch-2,sencha-architect

Ok so I figure out how to build from the terminal. First is necessary to have the ANDROID_HOME set up: export ANDROID_HOME=/your-path/ export PATH=${PATH}:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools Then navigate to the architect project: phonegap build android —release you should find a new folder called android with the apk...

Sencha Touch : dynamically update grouper function

extjs,sencha-touch,sencha-touch-2,grouping,sencha-touch-2.1

I believe you can use the setGrouper method provided by the Store class : http://docs.sencha.com/touch/2.3.2/#!/api/Ext.data.Store-method-setGrouper You just need specify your gouper again : yourStore.setGrouper({ groupFn : function(record) { return record.get('location'); } }); You may have to refresh your list manually, as I don't think there is an event that is...

Sencha Touch 2: Two REST request in the same Store

ajax,json,rest,extjs,sencha-touch

Firstly you are using the wrong syntax for the each method of a store http://docs-origin.sencha.com/touch/2.4/2.4.1-apidocs/#!/api/Ext.data.Store-method-each Then it is simple to add 2 different data sources together in the same store. Ext.application({ name: 'Fiddle', launch: function() { // Set up a model to use in our Store Ext.define("User", { extend: "Ext.data.Model",...

Phonegap android app in 3g or 2g connection index.html loading very slow

android,cordova,sencha-touch

You can use java script asynchronous process for adding java script file dynamically. function loadScript() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'http://test.com/js'; //url of java script file. document.body.appendChild(script); } window.onload = loadScript; When we load phonegap app in low network then server based java script file...

Managing CSS in Sencha Touch

css,sass,sencha-touch,compass-sass

I have no idea of CodeKit or Grunt. Anyways in Sencha Touch all the CSS files get placed to the resources/css folder after the compilation. It's the same even when we add custom CSS files or use SASS with Compass compiler.

What framework combination to choose for developing Windows 8 hybrid application?

cordova,sencha-touch,windows-applications,hybrid-mobile-app

PhoneJS is a paid framework and still have some issues. I would like prepand you to use Cordova PhoneGap framework and use extension for VS2013 Also here tutorial about developing for windows http://msopentech.com/opentech-projects/apache-cordova/ and here http://blog.falafel.com/getting-started-with-cordova-and-multi-device-hybrid-app-in-visual-studio/...

Override Sencha Touch class

cordova,https,sencha-touch,ios9

When looking into the Sencha Touch code, I think you would have to add material to the panel's eventedConfig property, because the setters are set as follows in touch/src/Evented.js: for (name in eventedConfig) { if (eventedConfig.hasOwnProperty(name)) { nameMap = ExtClass.getConfigNameMap(name); data[nameMap.set] = this.generateSetter(nameMap); } } You can't influence the eventedConfig...

iOS9 ATS: what about HTML5 based apps?

If you are not sure of which URL your application will connect or if you connect to many URLs, you can bypass the ATS by adding following keys in info.plist file. <key>NSAppTransportSecurity</key> <dict> <key>NSAllowsArbitraryLoads</key> <true/> </dict> ...

Determining what to put within the config property

windows,sencha-touch,visual-studio-cordova

The braces are the configuration you're passing to create an instance. You're passing fullscreen & items as configurations to the tab panel. You're passing title, iconCls & html to the panel. You only need to use the config block when defining your own classes, not instantiating them....

Does sencha touch supports windows8

Sencha does support Windows 8. But the issue that you are experiencing relates more to Visual Studio and Cordova. I'd suggest to upgrade to Windows 8.1 as it provides better API and supports the latest SDKs. But if you still want to develop for Windows 8 make sure you installed...

Adding mousewheel to Sencha Desktop App

javascript,events,sencha-touch

There is a JSfiddle here where delta returns 1 when you mousewheel up, and -1 when you mousewheel down. var doScroll = function (e) { // cross-browser wheel delta e = window.event || e; var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail))); // Do something with `delta` console.log(delta); e.preventDefault(); };...

Listen to enable/disable events on Sencha Touch

The container xtype from which many components inherit methods does have an event which fires on changing of it's disabled state. This event is called disabledchange and fires every time the container is either enabled/disabled. In the below code we can see this in action working on a button purely...

Sencha Touch click event on slide nav item

javascript,sencha-touch,sencha-touch-2

This is how I could make it work fully. app.js Ext.Loader.setPath({ 'Ext': 'Lib/touch-2.4.1/src', 'HaBoMobile': 'app' }); Ext.application({ name: 'HaBoMobile', controllers: ['AppController'], launch: function () { } }); AppController.js Ext.define('HaBoMobile.controller.AppController', { extend: 'Ext.app.Controller', config: { views: ['NavigationMenu','MainView', 'AboutView'], refs: { nav: { selector: 'navigationMenuType', xtype: 'navigationMenuType', autoCreate: true }, main: {...

Sencha Touch: Enter key to submit form

javascript,extjs,javascript-events,sencha-touch,sencha-touch-2

It looks like there's more than one issue in your code. control doesn't target your password field. The key password references an component with xtype password. The correct way to reference it is either passwordfield if you never have more than one of them or 'passwordfield[name="password"]'. the purpose of refs...

How to post questions in sencha forum? [on hold]

extjs,sencha-touch,forum

Please REGISTER as a Sencha user - after that you can LOGIN and post any questions...

SENCHA TOUCH Dynamically Rest Api

cordova,windows-phone-8,sencha-touch,sencha-cmd,sencha-cmd5

I think you are missing extraParams in your Store declaration.Use this parameter like below. Ext.define('Hello.store.GreetingStore', { extend: 'Ext.data.Store', config: { model: 'Hello.model.GreetingModel', proxy: { type: 'rest', contentType: "application/json", dataType: 'jsonp', extraParams: { param: 'data' }, url: 'http://localhost:14551/senchaRegister.svc/request' }, listeners: { beforeload: function() { var name = Ext.getCmp('your_text_field_id').getValue(); this.getProxy().getExtraParam().param = name;...

sencha touch cordova.local.properties is missing

Since Sencha CMD 5.X, the package.json and cordova.local.properties are not required anymore. I created my app by following this article: http://docs.sencha.com/cmd/5.x/cordova_phonegap.html...

ExtJS and Sencha Touch: Adding a second panel at bottom with text that depends on a function call

javascript,extjs,sencha-touch,sencha-touch-2

First off there is a syntax error in your tabpanel declaration, missing a comma before title. However what I think you want to implement is a docked toolbar at the bottom of the view like this:- Ext.define('App.view.Mod.Home', { extend: 'Ext.navigation.View', alias: 'widget.modHome', config: { navigationBar: { docked: 'top', items: [{...

Sencha Touch 2 Grid

javascript,php,sencha-touch

The best option for you will be TouchTreeGrid: https://github.com/swluken/TouchTreeGrid

Button on TitleBar simply doesn't display Sencha Touch

javascript,extjs,extjs4,sencha-touch

It's just a typo : itmes should be items :)

Can I use sencha extjs stores and models for sencha touch?

Models in Sencha Touch 2.4 needs to have the fields inside the "config" property. In the other hand, ExtJS4 can't recognize the fields when they are included in a a "config" property. So, in my experience, models are very similar between the two platforms, but they have some small differences...

Make an Ajax request on tab change in Sencha Touch 2

javascript,jquery,ajax,extjs,sencha-touch

To detect when a tab has been selected you can either listen to when that particular tab receives focus using the panels focus event or you can listen to the activeitemchanged event on the tabpanel, which will fire anytime a tab is selected. Code sample below: Ext.create('Ext.TabPanel', { fullscreen: true,...

Sencha Touch Error…“has no method 'getId'”

android,extjs,sencha-touch,sencha-cmd

I finally rewrote the code so that I didn't have var view = Ext.create('.... instead I had Ext.define('... then I added: `var owningNavView = list.up('main'); owningNavView.push({ xtype : 'barFoo...' });` For sliding to the next card. After that everything ran well with no errors. ...

Destroy method in form panel

sencha-touch,destroy,formpanel

I figured it out: I was creating two instances of my geo_panel. I refactored the code and everything now works as desired.

Implement routing in Sencha Touch 2.4.0

javascript,extjs,mobile,sencha-touch,sencha-touch-2

You are doing a silly mistake. Just put your routes: {} inside config. And your problem solved. Happy coding!

Sencha Touch 2 How to get selected itemTpl in a list

You could just use the target element passed in that event handler, you can then just reference the dom property on the element instance to get the generated html from your itemTpl. It's then up to you how you store that for use elsewhere

Sencha Touch - How to change sdk path