applications extjs sur iphone

Question

Il s'agit d'une application extjs à page unique qui fonctionne bien dans FF, IE et Safari.

Il y a plusieurs problèmes avec l'affichage ou l'utilisation de cette application extjs dans l'iphone. Les panneaux/fenêtres extjs ne sont pas redimensionnés, comme ils le seraient sur un écran normal. Lorsque l'utilisateur effectue un zoom arrière, la zone d'affichage en expansion est masquée. Voici un exemple d'image :

• L'Iphone ne reconnaît pas la boîte combo de l'extjs.
• Impossible de faire défiler la page vers le bas.

Problème de visualisation : Le principal problème concerne la fenêtre d'affichage. Il ne défile pas et ne zoome pas correctement sur Iphone.

Answer 1

Ext JS n'est pas (et ne sera probablement pas) optimisé pour les appareils mobiles. C'est la raison d'être de Sencha Touch, qui est le framework mobile construit sur Ext JS et spécifiquement destiné à l'iPhone et Android. Je doute que vous ayez beaucoup de chance de résoudre ce type de problèmes en utilisant Ext JS standard.

Answer 2

Nous avons rencontré le même type de problème avec ExtJS et les iPhones, et un problème légèrement différent, mais comparable, avec les appareils Android. Je suppose que ces navigateurs signalent la taille de l'écran d'une manière qui perturbe ExtJS, de sorte que les mécanismes de mise en page ne fonctionnent pas. Puisque Sencha Touch a une API similaire à celle d'ExtJS, faire une version Sencha Touch de votre logiciel est probablement le moyen le plus intelligent de le faire fonctionner correctement sur les iDevices et les Androïdes.

Answer 3

Plutôt que d'utiliser le viewport, j'ai utilisé un conteneur de panneau de mise en page en colonnes. La plupart des trucs extjs fonctionnent bien. J'ai placé ce conteneur de mise en page dans un div et j'ai spécifié sa hauteur et sa largeur. Aussi, <meta name="viewport" content="height=700" />.