Ext.viewport مع القائمة في مشكلة المنطقة الشمالية

Question

لدي ext.viewport في صفحتي ... في المنطقة الشمالية, ، لدي قائمة منسدلة ... ولكن عندما أقوم بالماوس فوق عنصر القائمة ، تنخفض عناصر القائمة ولكن العناصر تظهر أدناه منطقة المركز فريق. لم أتمكن من الحصول على هذا للعمل. حاولت تعيين Z-index ولكن لا حظ على الإطلاق.

مساعدة؟

شكرًا

Answer 1

لقد قمت بحل المشكلة عن طريق تعيين معرف المنطقة وإنشاء تعريف CSS.

     var viewport = new Ext.Viewport({
        layout: 'border',
        renderTo: Ext.getBody(),
        border: false,
        items: [{
            height: 60,
            region : 'south',
            contentEl: 'page-footer',
            border: false
        }, {
            region : 'center',
            contentEl: 'page-main',
            border: false
        }, {
            height : 90,
            id: 'page-header-panel',
            region : 'north',
            contentEl: 'page-header',
            border: false
        }]
    });

CSS

#page-header-panel .x-panel-body,
#page-header-panel .x-panel-bwrap {
   overflow: visible;
}