How to disabled touch in ExtJs 6 - extjs

Lately, I am testing some functionalities on desktop with touchscreen. I realize the ExtJs code wasn't working right on them because of some ExtJS styles. Can I just disable the touchscreen for the ExtJs framework?

Here what I found: Yes, you can.
There is a way to disable the touch behavior and you should do it before the framework renders its content.
//ExtJs 6.0.2
Ext.supports.Touch = false;
Ext.supports.touchScroll = 0;
//ExtJs 6.5.3
Ext.supports.Touch = false;
ExtJs 6.0.2 fiddle example.
Links related:
https://forum.sencha.com/forum/showthread.php?289792-Turning-off-Touch-support!/page2
https://forum.sencha.com/forum/showthread.php?337169-ExtJS-5-is-broken-in-Firefox-52-when-laptop-has-a-touchscreen/page2
https://docs.sencha.com/extjs/6.2.0/modern/Ext.supports.html
https://docs.sencha.com/extjs/6.5.3/modern/Ext.supports.html#property-Touch

Related

Why buttons listeners does not work for mobile in exjts

I'm trying to add a doubleTap/tap/click listener in a button when the application is in a mobile device to fire an event or throw any event but any option is working.
I have this fiddle here: https://fiddle.sencha.com/#view/editor&fiddle/3lab
Extjs Version: 7.5.1
Theme: Triton
Toolkit: modern
I forgot to mention, is this change related with acessibility so need to turn on talkback, voiceOver on phone settings. Also it works for IOS ( SE and Iphone 8 tested ), but does not work for Android device.
Any help with that?
Thanks

Extending Grid Panel in Sencha Architect

I want to write my own Grid panel by extending the native grid panel provided by Sencha in Sencha Architect. i am new to sencha architect. Can some one help in providing the steps to do that ?
I agree with you. They just reduce the raiting but don't post any answer.
I'm not any sencha extjs expert but I think you can create a new class in Project Inspector -> + icon -> class and so set the extended class.

Defer TabPanel rendering sencha touch 2

I'm working on a big application, with tabpanel containing 5 tabs.
I would like to defer the render of the not active first tab, to speed up the loading of the application.
I've seen on Ext JS that there is an attribute deferRender, but it does not exist in sencha touch.
Problems is that sencha load all the image in the others panel causing delay in loading.
Someboy know any fix ?
Thank you
Based on this question: items not loading in sencha touch 2
I made the following fiddle. Take a look, it briefly shows how it might be done: https://fiddle.sencha.com/#fiddle/k2j

Textfield (password field) gets focused when tapping outside in sencha touch

I have a login form in my sencha touch app. Once user enters data and taps login button, the password field gains focus and soft-keyboard is shown. Can anyone help me to prevent the password field from gaining focus? Or at least prevent soft-keyboard from being shown
I am using sencha touch 2.2.1 and phonegap 2.9.
You can use blur() method to lose focus this.getTextFieldName().blur();.
The actual problem was with Sencha version. My colleague first made the app with his older Sencha version and so it behaved like this. Now I generated new Sencha app using my touch 2.2.1 and now keyboard hides as soon I tap somewhere else.

extjs TreePanel dont work with metro webview app

I'm using sencha/extjs 3.4 TreePanel in my web application and when i'v made metro app with webview navigating to my application the problem is that when i click a node on treePanel nothing happens. Is that a common problem or i did smth wrong. Everything works in IE10, just not in the metro webview.
Ok so the problem was that mine application dont work at ie10 with ie10 standards and i'm using emulateIE7, which for some reason dont work at metro webview

Resources