Workaround: Child component's ViewModel breaks it's publish properties

[Trevor4001]

Thanks for the workaround, Alexey. An alternative that avoids private code is to define the following on the component class. Note, this will not work when defined on a mixin.

// True if the component is publishing state
publishingState: false,


lookupViewModel: function(skipThis) {
   if (this.publishingState) {
      return this.callParent([true]);
   }


   return this.callParent(arguments);
},


publishState: function(property, value) {
   this.publishingState = true;
   this.callParent(arguments);
   this.publishingState = false;
}

[Alexey.Solonets]

Hi Trevor, thanks for sharing!

[ivanleblanc]

For this to work in ExtJs 7 - modern toolkit
I had to make this change:

publishInitialState: function () {
    var me = this,
        state = me.publishedState || (me.publishedState = {}),
        publishes = me.getPublishes(),
        // Ext 7 prefixes config properties with a "_"
        propPrefix = Ext.getVersion().isGreaterThanOrEqual(7) ? '_' : '',
        name;




    for (name in publishes) {
        if (state[name] === undefined) {
            me.publishState(name, me[propPrefix + name]);
        }
    }
}

[Alexey.Solonets]

That's awesome! Thank you for sharing your workaround! Feel free to create a PR https://github.com/alexeysolonets/extjs-mvvm-extensions