extjs - 编辑窗口在 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）。