Replacing dynamic form

[ABM]

I am trying to understand best practices for replacing one dynamic form with another. I have a Vlayout defined, and there are two members separated with a resizer bar. The upper dynamic form has a treeview in it, and depending on which node is selected I want to replace the contents of the lower dynamic form with different members.

this.leftHandLayout = isc.VLayout.create({
            autoDraw: false,
            backgroundColor: "#DDDDDD",
            showResizeBar: true,
			resizeBarSize: 5,
            width: 150,
            members: [this.menuPanel, this.additionalInfoPanel]
        });
]

I would like to make the contents of the additionalinfopanel change based on activity within the menuPanel. The menupanel has a treeview, and as each node is selected I want to change what is displayed in the additionalinfopanel


Would anybody have any suggestions as to how best to do this, or maybe some links to appropriate examples...

many thanks

[Isomorphic]

Generally hideMember() on the existing member plus addMember()/showMember() on the new form.

If the old form is being permanently discarded (won't be reused), generally destroy() it instead.