I am using Sencha Architect 4.3 Beta with SDK 7.4,CMD 7.4 Modern framework.
This Kitchen Sink shows the Classic Ext.grid.Panel and xtype: 'pagingtoolbar'.
This kitchen sink shows the Modern
xtype: 'grid' with the 'gridpagingtoolbar' which I find really does not work well for large data sets.
Is there an equivalent of the Classic pagingtoolbar in Modern?
Evan Trimboli migrated the classic paging toolbar to modern for us. It works very well. Contact Evan (evan.trimboli#gmail.com) if you want to obtain a copy. Evan has been very helpful in assisting us in our use of the Modern framework.
Related
I want to upgrade Ext-4 to Ext-6 library and We want to change the theme of the form to Triton in project.
Here is official Sencha's guide on migration from ExtJS4 to ExtJS5, using Sencha CMD:
https://docs.sencha.com/cmd/guides/cmd_upgrade_five.html
And from ExtJS5 to ExtJS6:
https://docs.sencha.com/cmd/guides/cmd_upgrade_guide.html
Also, get to know what is Microloader, which is one of the major changes in ExtJS5: https://docs.sencha.com/cmd/guides/microloader.html
From my personal experience migrating from ExtJS5 to ExtJS6 was very painful. There's a lot of small caveats like, Ext.data.Store, in ExtJS6, starts loading data with delay, if config asynchronousLoad: false not specified. Generally, I would recommend you to look at release notes for every version of ExtJS, that was released after the version you currently use, although not every change will be specified there.
Is Ext js a good choice for the responsive UI? I am being told that extjs does not support responsive UI very well. Does that mean I need to go for a framework something like bootstrap?
Thanks,
guyan
Until version 4, ExtJs didn't support responsive design. It adapted it's content to the available space, but did not allow for media queries.
As of version 5 (very recent, version 5.0 released in June 2014), ExtJs now natively supports responsive design. Personally, I didn't yet make the step of upgrading to version 5, so I can't share my experience, but it looks promising. Have a look at this article.
The drawback: they say to support only tablets, not phones. If you need to support phones, you have to do your own tests to find out what the limits are.
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.
What is the appropriate way to flip an ExtJs Panel horizontally for RTL languages, Arabic, Hebrew .. etc
TL;DR: RTL is supported in Ext 4.2+ as of April 2013. See the last update below for details.
There is no RTL support built into Ext at this time, although many community members have addressed this with various success. If your needs are limited (only to Panel contents for example) it would probably be best to simply override the appropriate CSS yourself. If you need more complete RTL support, you should probably follow up directly in the Ext forums with other users dealing with the same issues.
There is an external project for adding RTL support to Ext 3.x, although I have no idea if it's active or what the quality is (last updates were a few months ago). Might point you in the right direction though.
UPDATE: RTL support reportedly will be significantly improved, if not fully implemented, in Ext 4 (due Q1 2011). Haven't seen it yet, but that was reported at SenchaCon.
UPDATE Sept 2012: RTL has not yet made it into Ext 4 officially as of 4.1, but last I heard it was still on the road map, possibly for a later 4.x release.
UPDATE Apr 2013: RTL has landed. See the Ext 4.2 intro blog post for details. The basic gist of it is that to enable RTL in 4.2+ you do the following:
Require the Ext.rtl.* namespace
Set the rtl: true config on your containers/components -- note that this setting cascades and is overrideable by child components, which is cool
Enable RTL in styles by setting the SASS variable: $include-rtl: true;
An example of enabling RTL in an application component:
Ext.define('MyApp.views.Viewport', {
extend: 'Ext.container.Viewport',
requires: [
'Ext.rtl.*'
],
rtl: true,
...
});