extjs - 編集ウィンドウがextjsに戻ります

Question

私はextjsで作業しており、これでレコードのグリッドを作成しました。その上に、ボタン編集があります

記録。このボタンをクリックすると、編集ウィンドウが戻り、詳細を表示できなくなります。

助けてください。

score 0 · Accepted Answer

その編集ウィンドウを親コンテナー (グリッドを含む) の子として持つことができます。

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

次に、mainWindow の子として表示されます (元に戻りません)。これにはもう 1 つの利点があります。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) が破棄されます。

1 に答える 1