Ext 3 to 4 Migration

[Luckyman]

Looking in Firebug, I see that this happens with using "" to put a spacer in a toolbar:

Empty string is not equals to tbspacer. tbspacer is a string with one space symbol " ".

[yyogev]

Empty string is not equals to tbspacer. tbspacer is a string with one space symbol " ".

True. Somehow it did work for me, or maybe it was the margins from the other items that did the trick for me.
I wonder how many more curiosities in my code this migration is going to expose...

[hschaefer123]

Hi Brian,
i got the two previous mentioned bugs
- [DEPRECATED][4.0][Ext.form.field.ComboBox] loadingText (config): Use listConfig.loadingText instead.
- [DEPRECATED][4.0][Ext.form.field.ComboBox] shadow (config): Use listConfig.shadow instead.

These are not errors from my code, they come if you include another language (in this case ext-lang-de.js):

    if(Ext.form.field.ComboBox){
        Ext.apply(Ext.form.field.ComboBox.prototype, {
            loadingText       : "Lade Daten ...",
            valueNotFoundText : undefined
        });
    }

Maybe this errors/warning can be excluded from error output (or maybe the lang files have to be changed?).

I do not know hwo to find the second shadow error?

Cheers
Holger

[/mbr]

http://www.sencha.com/learn/Extension:ManagedIframe

Is there a workarround or a new feature do operate with IFrames? The MIf does not match the Ext 4 Class System and i don't want to rewrite this Plugin ;-)

In spite of using the compat.js Ext 4/MIF throws an Exception:
cls.override is not a function
[IMG]chrome://firebug/content/blank.gif[/IMG] return cls.override(overrides);
ext-all-debug.js (Line 165)

[MuadDib-DK]

First of all thank you for the migration guide! It got me a long way, but I am now stuck with a proxy problem that I can't seem to find a solution to...

I get the following error in firebug:

msg: "You are using a ServerProxy but have not supplied it with a url."
sourceClass: "Ext.data.proxy.Server"
sourceMethod: "buildUrl"

We use a lot of Ext.Ajax.request calls, are they the problem? And what can I do to fix the problem?

[/mbr]

For the ref it's explain in the video.
you have to replace Class reference by a string corresponding to this class.
for example replace:

Ext.ref('myclass', My.Class);

by:

Ext.ref('myclass', 'My.Class');

This is clear but also deprecate.
I think he is talking about the ref-attribute within the configuration of a component to build a reference path for nested objects. Not the Ext.ref to setup a xtype

I'm missing it, too:
This one: http://dev.sencha.com/deploy/ext-3.3....Component-ref

[jacurry]

In our Extjs 3 application, we have a tree loader function that looks like this:

   treeLoader: function(node, callback, passNode) {
      // do ajax call...
      MG.metadata.getExplorerFolder({
         parentFolder: node,
         loaderCallback: callback,

         // on success, pass ajax results to loader callback
         success: function(response) {
            var result = MG.getMethodResult(response);
            if (MG.methodSucceeded(result))
               callback(result.payload, response);
         }
      });

In our TreePanel config, we pass use this treeLoader function to create the "loader" config option:

         loader: new Ext.tree.TreeLoader({
            directFn: this.treeLoader
         })

That works great, and I would like to the same/similar in extjs4...but I've been messing around for over a day now with the TreeStore and various proxy types and settings with no luck. Is there a way to accomplish this using a similar technique in 4, without having to rework my server side?

Thanks

[ldonofrio]

You can use this

Ext.override(Ext.AbstractComponent, {
    initRef: function() {
        if(this.ref && !this.refOwner){
            var levels = this.ref.split('/'),
                last = levels.length,
                i = 0,
                t = this;
   while(t && i < last){
                t = t.ownerCt;
                ++i;
            }
            if(t){
                t[this.refName = levels[--i]] = this;
                this.refOwner = t;
   }
  }
    },
    recursiveInitRef: function() {
  this.initRef();
  if (Ext.isDefined(this.items)) {
         Ext.each(this.items.items, function(item){
    item.recursiveInitRef();
   }, this);
  }
  if (Ext.isFunction(this.child)) {
   var tbar = this.child('*[dock="top"]');
   if (tbar) {
    tbar.recursiveInitRef();
   }
   var bbar = this.child('*[dock="bottom"]');
   if (bbar) {
    bbar.recursiveInitRef();
   }
  }
    },
    removeRef: function() {
        if (this.refOwner && this.refName) {
            delete this.refOwner[this.refName];
            delete this.refOwner;
        }
    },
    onAdded: function(container, pos) {
  this.ownerCt = container;
        this.recursiveInitRef();
  this.fireEvent('added', this, container, pos);
    },
    onRemoved: function() {
        this.removeRef();
  var me = this;
        me.fireEvent('removed', me, me.ownerCt);
        delete me.ownerCt;
    }
});

This is clear but also deprecate.
I think he is talking about the ref-attribute within the configuration of a component to build a reference path for nested objects. Not the Ext.ref to setup a xtype

I'm missing it, too:
This one: http://dev.sencha.com/deploy/ext-3.3....Component-ref

[george4voc]

I am quite surprised that Ext.reg is no longer a function. Especially considering that Ext.preg still is

The docs note that Ext.preg is a shortcut to Ext.PluginManager.registerType so I tried to search the docs for "registerType" on the chance that that is also the name of the function aliased to by the (former) Ext.reg, albeit possibly Ext.Component.registerType?!

(As it turns out, looking into Ext3.3, it's "Ext.ComponentMgr.registerType", but the concern below still holds....)

Anyway, using the new documentation search system, you can't even find the known-to-exist Ext.PluginManager.registerType; you type in "registerT" and all your results disappear.

[pcr]

Ed Spencer promised to include a desktop example in ExtJS 4.0. And yes he did. Very nice. Now I tried to migrate the Desktop from ExtJS 3.3.1 into ExtJS 4.0. In the ExtJS 4.0 HTML example 1 file is used that combines all *.js files. This file is minified. Not all javascript files in the classes.js are present as separate unminified files. Now its impossible for me to migrate the desktop.

Please mister Spencer put the missing unminified files or the unminified classes.js in the example Desktop.

Thanks