https://skysigal.com/ 2026-05-26T10:09:26+00:00 https://skysigal.com/ https://skysigal.com/lib/tpl/bootstrap3/images/favicon.ico text/html 2023-11-04T23:02:04+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/attach_an_event_handler?rev=1699138924&do=diff SL1.1: Ext.EventManager this.viewport.query('#searchBtn')[0].setHandler(function(){ Ext.ControllerManager.get('Search').index(); }); SL2.0 Ext.Viewport.add({ xtype: 'button', centered: true, text: 'My Button', listeners: { tap: function() { this.hide(); }, hide: function() { //waits 1 second (1000ms) then shows the button again Ext.defer(function() { this.show(); }, 1000, this); } } }); text/html 2023-11-04T01:56:14+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/best_practices?rev=1699062974&do=diff IT:AD:Sencha Touch:Reference:HowTo * (UP) howto index Resources * http://www.swarmonline.com/2011/05/20-things-to-avoid-or-do-when-getting-started-with-extjs-and-sencha-touch/ text/html 2023-11-04T23:02:05+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/center_something?rev=1699138925&do=diff Center in Panel It's a combination of vbox, with pack center, and align center. No flex needed. myApp.views.defs.login = { xtype:'panel' ,layout: {type:'vbox', align:'center',pack:'center'} ,style:'background:#F0FFF0;' ,items: [ {html:'<img style="height: 24px;" src="../Resources/kblogo.png" />'} ,{ xtype:'button' ,text:'Open Sesame!' ,cls:'kermitbtn' ,handler: myApp.views.functionality.… text/html 2023-11-04T23:02:06+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/check_whether_a_var_is_a_function?rev=1699138926&do=diff IT:AD:Sencha Touch:HowTo:Check whether a var is a function * (UP) howto index Ensure there is a button handler: config.buttonCallback = Ext.isFunction(config.buttonCallback) ? config.buttonCallback : function(butt) { app.services.environmentService.restart();}; text/html 2023-11-04T01:56:14+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/communicate_with_an_mvc_app?rev=1699062974&do=diff IT:AD:Sencha Touch:Reference:HowTo:Communicate with an MVC App * (UP) howto index Resources * http://www.youtube.com/watch?v=ilmepADpAIg&feature=related text/html 2023-11-04T23:02:08+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/create_a_first_app?rev=1699138928&do=diff http/docs.sencha.com/touch/2-0/#!/guide/getting_started text/html 2023-11-04T23:02:07+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/create_an_app_skeleton?rev=1699138927&do=diff ESSENTIAL: <http://www.sencha.com/blog/behind-sencha-command-and-the-build-process> text/html 2023-11-04T23:02:07+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/create_an_ext_compliant_class?rev=1699138927&do=diff IT:AD:Sencha Touch:HowTo:Create an Ext Compliant Class * (UP) howto index Ext.define('My.awesome.Class', { someProperty: 'something', Optionally: extend: 'Ext.panel.Panel', Optionally: requires: [ 'Ext......', ], constructor: function (config) { this.callParent(arguments); text/html 2023-11-04T23:02:08+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/customize_appearance_of_listview?rev=1699138928&do=diff Resources * http://jbkflex.wordpress.com/2011/08/24/customizing-the-list-control-sencha-touch/ text/html 2023-11-04T23:02:09+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/debug_the_api?rev=1699138929&do=diff IT:AD:Sencha Touch:Reference:HowTo:Debug the api * (UP) howto index Summary See: sencha-touch-all-debug-w-comments References * http://stackoverflow.com/a/7820928/1052767 text/html 2023-11-04T01:56:15+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/delay_the_launch_sequence?rev=1699062975&do=diff IT:AD:Sencha Touch:Reference:HowTo:Delay the launch sequence * (UP) howto index Summary The issue is Views. They have a init even in their config, that is called: * before guarantee that required files have arrived (eg: resourceService). * and before the application's launch event can slow things down (by calling itself with a setTimeout or other similar solution. text/html 2023-11-04T01:56:16+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/deployment?rev=1699062976&do=diff IT:AD:Sencha Touch:HowTo:Deployment * (UP) howto index JSBuilder * http://www.akawebdesign.com/2011/11/17/sencha-sdk-tools-jsbuilder/ * http://code.google.com/p/webclient-mobile-for-ca-plex/source/browse/trunk/res/js/sencha-touch.jsb3?spec=svn81&r=81 Example invocation: //Win: call C:\Tools\jsmin\jsmin.exe < %fileName% > mobile-hades-min.js //iMac /usr/share/jsmin/jsmin < $filename > mobile-hades-min.js text/html 2023-11-04T01:56:17+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/deployment2?rev=1699062977&do=diff IT:AD:Sencha Touch:HowTos:Deployment * (UP) howto index JSBuilder * http://www.akawebdesign.com/2011/11/17/sencha-sdk-tools-jsbuilder/ * http://code.google.com/p/webclient-mobile-for-ca-plex/source/browse/trunk/res/js/sencha-touch.jsb3?spec=svn81&r=81 Example invocation: //Win: call C:\Tools\jsmin\jsmin.exe < %fileName% > mobile-hades-min.js //iMac /usr/share/jsmin/jsmin < $filename > mobile-hades-min.js text/html 2023-11-04T01:56:17+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/encode_an_array_as_json?rev=1699062977&do=diff IT:AD:Sencha Touch:Reference:HowTo:Encode an array as JSON * (UP) howto index Process var data = { settings: settingsArr, contactInfo: myContactInfo}; Ext.Ajax.request( { url: 'save.php', params: {json: Ext.encode(data) }, success: function(response, opts) { // celebrate } }); text/html 2023-11-04T01:56:18+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/implement_security?rev=1699062978&do=diff IT:AD:Sencha Touch:HowTo:Implement Security * (UP) howto index There's a good same on how to handle OAuth here: Process Resources * http://caligatio.github.com/jsSHA/ text/html 2023-11-04T01:56:18+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/install?rev=1699062978&do=diff IT:AD:Sencha Touch:Reference:HowTo:Install * (UP) howto index Process * Download: * The Sencha Touch SDK * The Sencha Touch SDK Tools Download the Sencha Touch SDK * Downlaod the Sencha Touch SDK * Download SDK * An email will be sent with a link to download a text/html 2023-11-04T23:02:10+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/json_request?rev=1699138930&do=diff Create an argument package: Encode it: //Shorthand for Ext.util.JSON.encode var jsonString = Ext.encode (argPkg); Or do both at once: var json = Ext.encode({ "PINSet": { "PIN": pin.value(), "ConfirmationPIN": confirmPin.value(), "PINHash": pin.hash(), "Device": { "UUID": device.uid, "Platform": device.platform, "Version": device.version, "Name": device.name } } }); text/html 2023-11-04T23:02:10+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/load_views_dynamically?rev=1699138930&do=diff IT:AD:Sencha Touch:Reference:HowTo:Load Views Dynamically * (UP) howto index Neat: * ST1.1: * http://www.onlinesolutionsdevelopment.com/blog/web-development/javascript/loading-sencha-touch-controllers-and-view-files-dynamically/ text/html 2023-11-04T23:02:11+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/load_views_dynamically2?rev=1699138931&do=diff IT:AD:Sencha Touch:Reference:HowTos:Load Views Dynamically * (UP) howto index Neat: * ST1.1: * http://www.onlinesolutionsdevelopment.com/blog/web-development/javascript/loading-sencha-touch-controllers-and-view-files-dynamically/ text/html 2023-11-04T23:02:12+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/localize_the_views?rev=1699138932&do=diff Resources * http://wtcindia.wordpress.com/2011/11/26/localizing-sencha-touch-application/ text/html 2023-11-04T23:02:12+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/modal_dialogs?rev=1699138932&do=diff //Ext.Msg.alert('Test', "About's index action was called!"); text/html 2023-11-04T01:56:19+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/native_packaging?rev=1699062979&do=diff IT:AD:Sencha Touch:Reference:HowTo:Native Packaging * (UP) howto index Read this to find the relevant link: <http://www.sencha.com/blog/sencha-touch-2-developer-preview/> Resources * http://www.sencha.com/blog/sencha-touch-2-developer-preview/ text/html 2023-11-04T23:02:13+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/prepare_a_deployment_package?rev=1699138933&do=diff http/colinramsay.co.uk/diary/2012/05/02/the-sencha-touch-2-microloader-sencha-command/ text/html 2023-11-04T01:56:21+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/refresh_data_on_every_view?rev=1699062981&do=diff IT:AD:Sencha Touch:Reference:HowTo:Refresh data on every view * (UP) howto index Process Example: listeners: { show: function(list, opts){ this.getStore().load(); } } References * http://docs.sencha.com/touch/2-0/#!/api/Ext.Component-event-initialize text/html 2023-11-04T23:02:14+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/set_history_to_new_route?rev=1699138934&do=diff this.getApplication().getHistory().add(new Ext.app.Action({ url: 'tab/' + value.getItemId() }), true); text/html 2023-11-04T23:02:15+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/set_icons_per_row?rev=1699138935&do=diff Resources * http://www.sencha.com/forum/showthread.php?243634-List-items-with-custom-icons text/html 2023-11-04T01:56:21+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/setup_events_handlers_in_views?rev=1699062981&do=diff IT:AD:Sencha Touch:HowTo:Setup Event Handlers in Views * (UP) howto index Process As per lifespan, use the View's initialize event to add items: //NB: use 'get' (not [pos]) as 'items' is a 'MixedCollection'. //Scope set via second argument: this.items.get(5).on('tap', this.buttonHandler, this); text/html 2023-11-04T23:02:14+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/setup_sass?rev=1699138934&do=diff http://francisshanahan.com/index.php/2011/how-to-theme-sencha-touch-sass-windows/ http://www.netmagazine.com/tutorials/styling-user-interface-sencha-touch-application text/html 2023-11-04T23:02:16+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/sync_localstorage_and_remote_data?rev=1699138936&do=diff http/lalexgraham.wordpress.com/2012/09/12/sencha-touch-2-example-of-syncing-localstorage-store-with-remote-jsonp-proxy-store/ text/html 2023-11-04T23:02:16+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/update_tabbutton_badges?rev=1699138936&do=diff http/senchaexamples.com/2012/03/05/setting-the-badge-text-on-an-ext-tabpanel-containers-tab-in-sencha-touch-2/ text/html 2023-11-04T01:56:22+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/use_a_currencyfield?rev=1699062982&do=diff IT:AD:Sencha Touch:Reference:HowTo:Use a CurrencyField * (UP) howto index You can't use one...as there isn't one. You have to make your own: Ext.define('CurrencyField', { extend: 'Ext.form.field.Number', // Some sensible defaults allowDecimals: true, hideTrigger: true, keyNavEnabled: false, mouseWheelEnabled: false, valueToRaw: function() { var value = this.parseValue(this.callParent(arguments)); return Ext.util.Format.number(value, '0.00'); … text/html 2023-11-04T01:56:22+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/use_a_currencyfield2?rev=1699062982&do=diff IT:AD:Sencha Touch:Reference:HowTos:Use a CurrencyField * (UP) howto index You can't use one...as there isn't one. You have to make your own: Ext.define('CurrencyField', { extend: 'Ext.form.field.Number', // Some sensible defaults allowDecimals: true, hideTrigger: true, keyNavEnabled: false, mouseWheelEnabled: false, valueToRaw: function() { var value = this.parseValue(this.callParent(arguments)); return Ext.util.Format.number(value, '0.00'); … text/html 2023-11-04T23:02:17+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/use_the_lifespan?rev=1699138937&do=diff IT:AD:Sencha Touch:Reference:HowTo:Use the Lifespan * (UP) howto index Controllers init is used in controllers to tell you when the after the controller is instantiated, but before the browser is ready. The launch method is called in your controller when the browser is ready (dom ready). text/html 2023-11-04T23:02:18+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/work_with_ajax?rev=1699138938&do=diff Resources * http://docs.sencha.com/core/manual/content/ajax.html text/html 2023-11-04T23:02:18+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/work_with_buttons?rev=1699138938&do=diff You can stick defaults: { handler: tapHandler } on a toolbar so that all buttons call the same handler: var tapHandler = function (btn, evt) { alert("Button '" + btn.text + "' tapped."); } Good example: { xtype: 'toolbar', title: 'Buttons', ui: 'dark', dock: 'top', items: [ { ui: 'back', text: 'Back' }, { xtype: 'spacer' }, { ui: 'forward', text: 'Forward' } ] ,defaults: { handler: tapHandler } } text/html 2023-11-04T23:02:19+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/work_with_buttons2?rev=1699138939&do=diff You can stick defaults: { handler: tapHandler } on a toolbar so that all buttons call the same handler: var tapHandler = function (btn, evt) { alert("Button '" + btn.text + "' tapped."); } Good example: { xtype: 'toolbar', title: 'Buttons', ui: 'dark', dock: 'top', items: [ { ui: 'back', text: 'Back' }, { xtype: 'spacer' }, { ui: 'forward', text: 'Forward' } ] ,defaults: { handler: tapHandler } } text/html 2023-11-04T01:56:24+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/work_with_paths?rev=1699062984&do=diff IT:AD:Sencha Touch:HowTo:Work with Paths * (UP) Processes You redirect to paths either by using the current controller, or getting back to the current app instance (via app.app property) as follows: //since 2.01, the .app property can be used to get the app instance. app.app.redirectTo(url); //from a controller, it would be //this.redirectTo("help/about"); text/html 2023-11-04T01:56:24+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/work_with_taskrunner_and_delayedtask?rev=1699062984&do=diff IT:AD:Sencha Touch:Reference:HowTo:Work with TaskRunner and DelayedTask * (UP) howto index Summay Resources * http://docs.sencha.com/core/manual/content/timers.html text/html 2023-11-04T01:56:23+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/working_with_panel_tabs?rev=1699062983&do=diff IT:AD:Sencha Touch:Reference:HowTo:Working with Panel Tabs * (UP) howto index #### Define A Tab #### Done with Maps (Warning: Markdown Munging): { title: tabTitle, iconCls: 'tabs', autoLoad: {url: targetUrl, callback: this.initSearch, scope: this}, closable:true } text/html 2023-11-04T01:56:23+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/sencha_touch/howto/working_with_panel_tabs2?rev=1699062983&do=diff IT:AD:Sencha Touch:Reference:HowTos:Working with Panel Tabs * (UP) howto index #### Define A Tab #### Done with Maps (Warning: Markdown Munging): { title: tabTitle, iconCls: 'tabs', autoLoad: {url: targetUrl, callback: this.initSearch, scope: this}, closable:true }