I have been using ExtJS for a while now, and used it build an application that gets data in JSON format and presents it to the user in a grid. I want to replicate this application on mobile devices. I've looked at the examples for Sencha Touch, but I was not able to find an example of a grid.
I want build a grid with a grouped header - something like this, using Sencha Touch.
I also looked at the documentation of Sencha Touch components but could not find anything.
Please let me know what options I have to build a grid using Sencha Touch. Is it possible to create a grid with multiple headers using Sencha Touch?
If you have a commercial license for Sencha Touch (and a small budget), you can check out the UberGrid component developed by Bryntum. Unfortunately, though, the license isn't compatible with Sencha Touch GPL - details can be found at the Bryntum FAQ, including information about discounts for charitable/educational applications.
Short of that, you'll have to either find a community extension or build your own, as Sencha Touch doesn't include any built-in grid component.
I realise that this question is old. But Sencha since then seem to have released a grid (albeit in paid versions).
Related
I've been looking for an example of a Grid in Sencha Touch with out any success, and just read
"Touch Grid is available as part of Sencha Complete or the Sencha Touch Bundle."
http://www.sencha.com/blog/announcing-sencha-touch-2-3-html5-for-ios7-touch-grid-cordova-support-more/
Does this means that it is not available witout buying any of the above ?
Does anyone knows of a good tutorial in case it is available ?
Thanks.
Yes it looks like it is part of Sencha Complete or Sencha touch Bundle.
I have upgraded my workspace with Sencha 2.3 but I dont find grid support in that.
We started a new project in which the core should be used for both; Sencha Touch 2.2.1 Touch and ExtJS 4.2.1 but we found two slightly different implementations in both frameworks so we wondered which one we should use.
First Sencha Touch
And ExtJS
Where Ext.logger seems to only implement the error method
We thought Sencha shared the core within both frameworks, didn't they? Or do we need to write even the app cores different? (which would be ridiculous! Or are there more critical differences?)
I think NO and we just overseen something here. So please help me to beat my teammates that the Sencha guys are not that stupid.
Again the Question:
Which is the correct logging method that can be used in Sencha Touch 2.x and ExtJS 4.x and if this answer would be no are there more critical differences between Sencha Touch 2.2 MVC and ExtJS4.2 MVC which make reuse impossible?
You can reuse some bits and pieces but you will still need to change the core.
You can reuse models, stores and controllers to some extend. Everything else will have to be rewritten.
see Is there a way to convert Sencha Touch to Sencha EXTJs (or EXTJs to Touch)?
For a project I created a ExtJS interface for a java backbone.
Now the client would also like a mobile version (mostly tablets).
The Extjs version performs alright on mobile but it is not that usable,
so I started developing the application in sencha touch.
Since this will of course take a lot of new hours, I was asked if there wasn't an easier way to "convert" a extjs application to a touch application.
I've searched the web and I can't seem to find anything on "converters".
Is there such a thing? Or is there a way I can program future applications so that the migration from one framework to another is less painful?
(obviously the views need to be rewritten, I know, but I'm talking about the rest of the application - which should be portable?)
There is no such tool to convert ExtJs to Sencha-touch and vice versa also. Actually they are not 1:1 mapped in terms of functionality and code, best you can do is to reuse model, stores & controllers(upto some extent if you are using ExtJs 4) but views have to be re-written.
We’ve created an ASP.NET MVC 4.0 (Beta) web site with Visual Studio 2010. The web site will be used (or viewed) by standard browsers and by mobile devices.
Because of this, we’ve decided to use the new .mobile.cshtml pages offered in MVC 4.0. We basically copy/pasted all the Views and renamed them accordingly (with .mobile in them).
We are now ready to begin playing around the .mobile views…
Considering I have no past experience in mobile development, I’m curious to find out a few things. As an example, I’m trying to create a simple carousel that will gently slide and once it reaches the last image, it will start again at the first one.
I’m grasping at straws to find a simple example and in addition, I keep seeing/reading about Sencha Architect (which I’ve decided to download, only to realize it is some sort of IDE to develop mobile apps…correct me if I’m wrong).
In order to properly start, can anyone explain (or clarify) the differences between why should I use something like Sencha Architect versus using Visual Studio with jQuery Mobile?
Thanks.
You are indeed correct with sencha architect. Like Yourself I was puzzeled but it is designed to work alongside rather than with visual studio which I really have a hard time understanding
Due to senchas unique way in which it creates
Interface components. This doesn't mean you can't use sencha touch with mvc though in the same manner as jquery mobile. You can write your pages in mvc much the same way as you do now and use the applyto method in sencha to attach the sencha widget to it
As for the argument of sencha touch vs jquery mobile its down to you I guess
I'm trying to bootstrap a Rich Internet Application, which will have a complex canvas (think: Visio), and should work according to these principles:
it would run in a browser
it would run on a tablet (Android or other)
supports complex drawing, drag & drop etc.
runs on its own (eg. without a server component) happily
can leverage conventional & touch UI as needed - user can draw a line with a mouse or using the touchscreen
I was thinking about using a Javascript framework and found ExtJS, whose demos I quite like and checking the API docs it seems it supports all the low level GUI stuff I need (think: Ext.draw package, especially Ext.draw.Sprite).
But then I also found Sencha Touch, which seems to be leveraging the same technology stack, only for the mobile. However the API is much more limited (no Ext.draw available), and only runs in Webkit browsers, as far as I can understand. But it supports touch-based interaction.
Is there a way to create an app that works in a browser but can also be "compiled" to native mobile/tablet code (eg. with PhoneGap)? Or is this just a dream and these two cannot mix at the moment?
PS. checked the other similar questions but they seem to be quite out of date.
Short answer: it is currently just a dream I'm afraid.
Long answer: Sencha Touch and ExtJS share a lot of underlying logic and are somewhat similar, but I would say you'd only be able to reuse 50% of your code, at most, when trying to port one to the other.
jQuery Mobile and jQuery UI share similar issues at the moment - they have both created nice mobile UI frameworks, which only support webkit browsers, meaning there's no easy way of developing rich apps that run in desktops and on mobile platforms. Hopefully these projects will merge their mobile and desktop frameworks at some point in the future to allow us to create apps that can be deployed across both without a massive rewrite. There will always be differences in the way mouse and touch screen events work but I wish that was the only thing we had to consider.
Extjs is for desktop application, while Sencha touch & touch charts are for mobile, eg. tablet or Android.
#JunkMyFunk is right, you'd only be able to reuse 50% of your code at most.
The definition of class is not the same between Extjs and sencha touch which means currently you can't mix Extjs with sencha touch, the namespace will conflict if you do that way.