Container Cascade method and what it is trying to do?

[JoeAtTrends]

I am having issues with 3.4 and didn't know if anyone else has seen this pop up, haven't been able to find anything searching around.

The container's cascade method is trying to access this.items.items... when is that ever something?

I think it is supposed to be var cs = this.items; but I can't verify this... it is posing an issue when trying to combine a panel with a window, but as an extended form popup class.

This is like what was done in this post long ago, but I can't see why it wouldn't still be a valid way of doing this.

http://northsideofthemoon.net/blog/2009/07/07/making-an-ext-panel-act-as-a-window-part-2/

I understand that this has been a part of the container for quite a while, and if you can explain I guess what it is doing, why and how I can determine the cause of the second items in items being null it would help.

[mitchellsimoens]

this.items is a MixedCollection which itself has an items property that is the actual Array of items so this.items.items is the Array of items.

[JoeAtTrends]

That is what I was afraid of I guess... any clue what I might have done or what it might be doing (if I followed the example on that site) when this.items is the array an not the mixed collection.

I am trying to make the popup form more modular, and there in may be the cause of these issues, packaging everything so tightly into one class.

Thank you for the quick response, and explanation of what I was seeing.

[mitchellsimoens]

Ext.Panel should automatically turn the items Array you specify into a MixedCollection but won't do this until you call the superclass in the initComponent.

[JoeAtTrends]

Thank you for your help. It appears that the tutorial from long ago on northside was miss ordered..

when I called superclass.initComponent before the creation of the parent window it worked as expected.

   this.addEvents
      (
        { votedPopup: true },
      { votedPanel: true }
      );
 
    nside.blogcode.PopupPanel.superclass.initComponent.apply(this, arguments);


      if (this.popup) 
      {
        this.m_window = new Ext.Window(
          {
          closable: true,
            layout: "fit",
            title: "Poll Question",
            items: [this],
            height: 250,
            width: 320,
            closeAction: "hide"
          });
 
      this.on("hide", function() { this.m_window.hide();});
      }

above is the new code snippet of just that section for reference.