编辑窗口将在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
});

你必须在其他窗口（比如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）。