Jul 19, 2017, 8:15 PM
[CLOSED] Closing a window that was loaded with a Loader control
I have a window that opens another window using a Loader inside of a panel. I am trying to close that loaded window when a button (Apply) inside the window is pressed. Seems like a simple window.close would work, but it does not.
Outer page:
Outer page:
<!DOCTYPE html>
<script runat="server">
Protected Sub Page_Load(sender As Object, e As EventArgs)
End Sub
Protected Sub btnSettings_Click(sender As Object, e As DirectEventArgs)
pnlSettings.Show()
winSettings.Show()
End Sub
</script>
<html>
<head>
<title></title>
<meta charset="utf-8" />
</head>
<body>
<form id="form1" runat="server">
<div>
<ext:ResourceManager runat="server" />
<ext:Window ID="winSettings" runat="server" Hidden="true" Modal="true"
Height="700"
Width="900"
Title="Portfolio Settings"
Layout="FitLayout">
<Items>
<ext:Panel ID="pnlSettings" runat="server"
Hidden="True"
Layout="FitLayout">
<Loader
runat="server"
Url="testLoadPage.aspx"
Mode="Frame"
TriggerEvent="show"
ReloadOnEvent="true"
DisableCaching="true">
<LoadMask ShowMask="true" />
</Loader>
</ext:Panel>
</Items>
</ext:Window>
<ext:Viewport ID="Viewport1" runat="server" Layout="FitLayout" Scrollable="Both">
<Items>
<ext:Panel runat="server"
Frame="false"
MinWidth="1200"
MinHeight="800">
<LayoutConfig>
<ext:VBoxLayoutConfig Align="Stretch" />
</LayoutConfig>
<Items>
<ext:Panel
ID="upperPn"
runat="server"
Flex="1"
Frame="false">
<LayoutConfig>
<ext:HBoxLayoutConfig Pack="Center" Align="Stretch" />
</LayoutConfig>
<Items>
<ext:Panel ID="pnlActions" runat="server"
Title="Actions"
BodyPadding="15"
Padding="10"
Flex="1">
<Items>
<ext:Button runat="server" ID="btnSettings" Text="Settings">
<DirectEvents>
<Click OnEvent="btnSettings_Click"></Click>
</DirectEvents>
</ext:Button>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
</Items>
</ext:Viewport>
</div>
</form>
</body>
</html>
Loaded page:<!DOCTYPE html>
<script runat="server">
Public Sub btnApplyChanges_Click(ByVal sender As Object, e As DirectEventArgs)
' save some things to database
Ext.Net.X.Js.Call("saveSuccess")
End Sub
Protected Sub Page_Load(sender As Object, e As EventArgs)
End Sub
</script>
<html>
<head>
<title></title>
<meta charset="utf-8" />
</head>
<body>
<form id="form1" runat="server">
<div>
<ext:ResourceManager runat="server" />
<ext:XScript runat="server">
<script type="text/javascript">
var saveSuccess = function () {
Ext.Msg.alert("Information","Changes were saved.");
//this.parent.close(); this closes the outer window
this.window.close();
this.close();
window.close();
// none of the above work
}
</script>
</ext:XScript>
<ext:Viewport ID="Viewport1" runat="server" Layout="FitLayout">
<Items>
<ext:FormPanel id="pnlSettings" runat="server" Layout="FitLayout">
<items>
<ext:TabPanel
id="pnlTabs"
runat="server"
MarginSpec="0 0 20 0">
<Items>
<ext:Checkbox ID="Trigger" runat="server" labelwidth="200">
</ext:Checkbox>
</Items>
<BottomBar>
<ext:Toolbar runat="server">
<Items>
<ext:ToolbarFill></ext:ToolbarFill>
<ext:Button ID="btnApplyChanges" runat="server" Text="Apply" >
<DirectEvents>
<Click OnEvent="btnApplyChanges_Click">
</Click>
</DirectEvents>
</ext:Button>
<ext:Button runat="server" Text="Cancel"></ext:Button>
</Items>
</ext:Toolbar>
</BottomBar>
</ext:TabPanel>
</items>
</ext:FormPanel>
</Items>
</ext:Viewport>
</div>
</form>
</body>
</html>
Last edited by fabricio.murta; Sep 22, 2017 at 10:11 PM.
Reason: no feedback from the user in 7+ days