Make child Panels unselectable Ext-Js 4.0

I have a Main Panel with two or more child panels.Child Panels should not be selectable.Even if child is selected,only the Parent should be selectable/Highlighted.Is there any property/any way to do it.

Have you tried childPanel.el.unselectable() ?

Ya tried that but still its the same behavior

Add and apply the following css rule to each panel:

Code:

---

.unselectable {
        -webkit-user-select: none; /* Chrome all / Safari all */
        -moz-user-select: none; /* Firefox all */
        -ms-user-select: none; /* IE 10+ */


        /* No support for these yet, use at own risk */
        -o-user-select: none;
        user-select: none;
}

---