sencha-touch

In my sencha application, When ever app does ajax request i want to add load mask and after request complete i need to remove load mask. I tried below code but, its not working for me var mask = new Ext.LoadMask(Ext.getBody(), {msg:"Loading..."}); Ext.Ajax.on('beforerequest', function(){ mask.show(); }); Ext.Ajax.on('requestcomplete', function(){ mask.hide(); }); To show load mask you can use: Ext.Viewport.mask({ xtype: 'loadmask' }); And hide the load mask inside the success function of your Ajax request: Ext.Viewport.unmask(); Gayathri Mohan It is very easy Try these Ext.Ajax.request({

Back Ground : I am working on an MVC application using sencha touch 2. I am working on a page which has two tabs. Inside the first tab, I have a button inside a title bar. Issue : I am not able to call anyother function from the button handler. I think, there is an issue with the scope of the calling function. Here is my code. Ext.define('WUPOC.view.WUHomePage', { extend: 'Ext.TabPanel', requires:['Ext.TitleBar','Ext.dataview.List','Ext.data.proxy.JsonP'], alias: 'widget.wuHomePageView', config: { fullscreen: true, defaults: { styleHtmlContent: true }, items: [{ title: 'Home', iconCls: 'home',

I have a java web application with mobile part developed with Sencha touch. When I launch my sencha touch application, she asks my login/password because the access of the application is restricted, but I want to save login/password for the user . Is it possible with sencha-touch? Scenario: In a iPhone, there is an icon to launch the sencha touch application, she's asks the login/password by a prompt dialog. I entered login/password, I consult the content. I close by the 'home iphone button'. I relaunch the application, she's ask again login/password!!! There is no session ? No multi-tasks

here is my xml code: <?xml version="1.0" encoding="UTF-8"?> <root> <investors> <investor name="Active"/> <investor name="Aggressive"/> <investor name="Conservative"/> <investor name="Day Trader"/> <investor name="Very Active"/> </investors> <events> <event period="3 Month Expiry"/> <event period="LEAPS"/> <event period="Monthlies"/> <event period="Monthly Expiries"/> <event period="Weeklies"/> </events> <prices> <price rate="$0.5"/> <price rate="$0.05"/> <price rate="$1"/> <price rate="$22"/> <price rate="$100.34"/> </prices> </root> here is my code: Ext.onReady(function(){ var hi= [],hello =

The code below only changes the color of the border around the panel but not the panel itself. var overlay = Ext.Viewport.add({ xtype: 'panel', centered: true, style:'background-color: transparent;', modal: { style: 'opacity: 0' }, hideOnMaskTap:true, width:'20%', height: '50%', styleHtmlContent:true, items:[{ xtype:'button', test:'hey', cls:'notrans', style: 'opacity: 1' }] }); You need to change the x-panel-inner cls for your panel when it is centered . So what you want to do is give your panel a cls e.g: cls: my-panel . var overlay = Ext.Viewport.add({ xtype: 'panel', centered: true, style:

After update the chrome version 65, application is showing the splash screen again when taping some click event, it's a hybrid app Sencha touch and Cordova android. Edit: this is a known chrome 65 bug which is marked to be fixed in chrome 67. Edit 2: Confirmed to be fixed on Chrome 67. You will need to update "Android System WebView" on Android devices to get the fix. I believe this is a Chrome 65 bug. I have a deployed Sencha Touch application using version 2.4.2. About a week ago I started getting complaints that the application freezes. After debugging I found that this quick fix bypasses