15 Jul 2010 1:57 PM #1
Ext JS and Sencha Touch!
Hey Guys, so I'm trying to build an application that would run on both Desktop Browsers and Mobile Browsers, and since I'm in love with Sencha and Ext JS, not only in love but the syntax is very similar and there are bunch of stuff that can be used cross both frameworks such as the Stores,Ajax requests...etc., I decided to build the app with both frameworks based on the environment the page is loaded in.
I tried to load both the Ext Js and Sencha Toch JS files into the same page "I knew it wasn't going to work but I had to try it :P" and it didn't work ... So the question would be, is there anyway I can alternate between both frameworks? Like for example load the Ext JS if it's in a desktop browser and load the Sencha Touch if it's on a mobie browser?
Or if there are any recommendation on how to approach this that would be geat.
15 Jul 2010 2:43 PM #2
This is very easy to do. Just run several checks when the device first contacts your website then save information on whether it's a mobile/ tablet or desktop.
It just depends on your needs but is very easy to handle on the back end system.
15 Jul 2010 3:37 PM #3
Thanks aw1zard2 for the quick reply!
Actually I will be having 1 back-end, as you said no point to double the work in the back end since the differences are on the front-end. The reason why I wanted both Ext JS and Sencha Touch, is that I need some data grid views for the desktop users, and the fancy HTML5 stuff for the iPhone/Android users. Both users will be looking at the same data, and same business logic except in different views. So is there a way that I can leverage both in the same implementation? I really don't think implementing 2 front-ends would be a wise thing to do since the maintenance would be a pain in the neck.
16 Jul 2010 2:31 AM #4
I was just discussing this internally here with some people. We are going to build our stuff desktop and mobile as well... how to abstract and make sure we've got only one base for the logic and another for display...
16 Jul 2010 4:46 AM #5
It seems like it's similar to my case jeroenvduffelen, do you need the Ext JS components that are not supported by Sencha Touch for your desktop application? Such as the GridPanel?
16 Jul 2010 7:57 AM #6
How can you implement 2 different JS libraries and not have 2 front-ends?
You design each screen to fit the device anyways and we have one go to system that knows which design goes where hence your doing 2 front ends.
Only time Sencha Touch and Ext JS will be closer will be when Ext JS 4 comes out. Then the stores, etc. will be closer in syntax.
So for right now we are stuck doing 2 different designs one for mobile/html5 and one for desktops.
16 Jul 2010 3:20 PM #7
yep, will be a matter of waiting until ext js 4 arrives i guess...
17 Jul 2010 8:07 PM #8
1 Dec 2010 10:19 AM #9
We have a complex application using Ext JS (with lot's of drag-and-drop, windows and grids) that has till now been used on desktop browsers. We have client requests to provide this app "as is" for use on iPads. Is there a way that we can add the Sench Touch events to our app to handle the touch events?
By gwthompson in forum Sencha Touch 1.x: DiscussionReplies: 5Last Post: 13 Sep 2011, 10:38 PM
By handitan in forum Sencha Touch 1.x: DiscussionReplies: 3Last Post: 26 Apr 2011, 1:25 PM
By palnap in forum Sencha Touch 1.x: DiscussionReplies: 4Last Post: 28 Oct 2010, 5:30 PM