编辑窗口将返回到extjs中

Question

我在extjs中工作，并在其中创建了一个记录网格。在它的顶部，有按钮编辑

记录。单击此按钮，编辑窗口将返回，无法查看详细信息。

请帮忙。

Answer 1

您可以将该编辑窗口作为父容器（包含网格）的子窗口。

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

然后它将作为子窗口出现在主窗口中（不会返回）。这还有一个优点——每当你关闭主窗口时，这个窗口也会随之被破坏。

编辑（详细解释）：

你有一个网格作为

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

你一定是在其他窗口（比如mainWindow）内

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）。