ExtJS let the covered form appear at the top and resolve the method "Go" that the Ext.messagebox prompt box is TabPanel overwritten

ExtJS let the covered form appear at the top and resolve the Ext.messagebox prompt box is TabPanel overwritten by arthinking posted 5 year ago |Javascript |  No Comments | Be onlookers 14,752 views+
First, how to let ExtJS pop-up message box Ext.messagebox or create Ext.window display at the front:

Here is the JS code that shows a window:

var formpanel = Mistab1.createaddformpanel () var addwin = new Ext.window ({      title: "Add Product category",     pagex:50,    Pagey:50,    width:600,      height:200,      plain:true,     resizable:false,          collapsible:true       , Closeaction: ' Close ',      closable:true,    modal: ' true ',      buttonalign: ' Center ',    bodystyle: ' Padding : 20px 0 0 0 ",    alwaysontop:true,    items: [Formpanel],      buttons: [{             text:" Add ",             minwidth:70,< C18/>handler:function () {                           }         }, {             text: "Close",             minwidth:70,             handler:function () {            }         }]    }); Addwin.show ();

Effect

To make the window appear first, just create a window that Windowgroup management creates, and you need to add the following code:

var tab1groupmgr = new Ext.windowgroup ();  front window tab1groupmgr.zseed=99999;  var Addwin = new Ext.window ({      title: "Add Product category",     pagex:50,    pagey:50,    width:600,      height:200,      Plain:true,    manager:tab1groupmgr,...

Second, ExtJS pop-up message box Ext.messagebox or create a Ext.window is Ext.tabpanel overridden by the workaround

This may occur because TabPanel has set the Floating:true configuration item.

Floating:boolean
True to float this panel (absolute positioning with auto-fill and projection), false ...
True to float this panel (absolute positioning with autofill and projection), false to show "nearest" to the location where it is rendered (false by default). True to float the This Panel (absolute position it with automatic shimming and shadow), false to display it-inline where it is Rendered (defaults to false).

The workaround is to remove the set of floationg:true configuration items:

var tabPanel = new Ext.tabpanel ({region: ' center ', activetab:0,shadow:true,floating:true,    //Remove the configuration item items: [{title : ' Welcome page '}]);

In addition to the article has special instructions, are it house original articles, reproduced please link the form to indicate the source.
This article link: http://www.itzhai.com/ extjs-form-to-be-displayed-on-the-front-cover-and-solve-ext-messagebox-boxes-are-covered-by-the-method-tabpanel.html keywords : ExtJS, floating, TabPanel, coverarthinking Finger play guitar && technology More

ExtJS let the covered form appear at the top and resolve the method "Go" that the Ext.messagebox prompt box is TabPanel overwritten