Dialogs which "belong" to a panel

[harley.333]

I'm creating your standard "one page fits the entire app" style application. I've got a NavPane (TreePanel on the west), and a ContentPanel (center). When a TreeNode is clicked, a new Tab is added to "center."
Depending on the content of the tab, Dialogs will open. I'd like Dialogs to "belong" to a specific Panel. And I'd like Modal Dialogs to only be Modal for their specific Dialogs.

How might I add this feature?

[Animal]

I second this. I would like to see BasicDialogs have a parent Ext.Component. It is relative to the parent that they are centered, constrained and modal. There could also be a maximize option which maximizes to the content box of the parent.

[hicker]

hi harley,
to make a dialog belongs to a specific panel try this

var Dialog = new Ext.LayoutDialog("container", {
modal:true,
.
.
});
Dialog .mask = Ext.DomHelper.append(Ext.get('container'), {tag: "div", cls:"x-dlg-mask"}, true);

[harley.333]

Thanks hicker, this almost gets what I want. Now, only the parent panel is disabled (which is good). But if another panel (such as the Navigation Panel), opens another panel which is a sibling of the parent, that sibling opens underneath the Dialog. In other words, Dialogs have a higher z-index than their parent or any of their parent's sibling.