編輯窗口正在返回extjs

Question

我正在使用extjs並在此創建了一個網格記錄。最重要的是，有按鈕編輯

記錄。點擊此按鈕後，編輯窗口將返回並無法看到詳細信息。

請幫忙。

Answer 1

您可以將該編輯窗口作爲父容器（包含網格）的子元素。

var win = Ext.create('Ext.Window', { 
    //Configuration 
}); 
mainWindow.add(win); 
win.show(); 

然後，它會作爲孩子的主窗口（不會回去）。這還有一個好處 - 每當你關閉你的mainWindow時，這個窗口也會被破壞。

編輯（詳細解釋）：

你有一個網格，

var grid = Ext.create('Ext.grid.Panel', { 
    //Your configuration 
}); 

你必須有一些其他的窗口裏面（比如主窗口）

var mainWindow = Ext.create('Ext.Window', { 
    items: [grid] 
}); 

這裏是您要打開的新窗口（編輯窗口）

var win = Ext.create('Ext.Window', { 
    //Configuration 
}); 

層次是：

mainWindow 
    grid 
win 

現在這個win獨立於mainWindow的。它可以回到它的前面。當您點擊網格的edit（在mainWindow中）時，它將突出顯示並將win（編輯窗口）發送到後面。

我問你添加此win作爲一個孩子的mainWindow：

mainWindow.add(win) 

然後分層將成爲

mainWindow 
    grid 
    win 

現在，win來mainWindow下，因此不能去在它後面。此外，無論何時銷燬mainWindow它都會銷燬所有子項目（包括win）。